<template>
  <!-- <view class="box" style="width: 750rpx;overflow: hidden;height: 100vh;"> -->
  <view class="box" style="width: 750rpx; overflow: hidden">
    <!-- <view style="display: flex;flex-direction: column;width: 100%;height: 100vh;" v-if="!loding"> -->
    <view v-if="!loding">
      <view class="tou topNoBg fixed" :style="'padding-top:' + statusBarHeight1 + 'px'">
        <image
          @click="fanhui"
          class="image1"
          src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
        />
        发布兼职招聘
      </view>

      <!-- <view style="flex-grow: 1;overflow-y:auto;width: 750rpx;overflow-x: hidden;"> -->
      <!--    <scroll-view scroll-y class="scroll-view" style="padding: 20rpx;display: block;"> -->
      <view class="tou topNoBg" :style="'padding-top:' + statusBarHeight1 + 'px'"> </view>
      <form style="padding: 20rpx; display: block">
        <view
          class="cu-form-group cu-form-group-title"
          style="border-radius: 20rpx 20rpx 0rpx 0rpx"
        >
          <view class="title">
            <span style="color: red">*</span> 标<span style="color: transparent">空空</span>题：
          </view>
          <!-- <input placeholder="" v-model="serviceAddress" /> -->
		      <input 
		        type="text" 
				    class="textarea1"
		        v-model="releaseFullTime.title" 
		        maxlength="35" 
		        placeholder="请输入您这次招聘主题" />
          <!-- <textarea
            class="textarea1"
            v-model.trim="releaseFullTime.title"
            placeholder="请输入您这次招聘主题"
            placeholder-class="textarea-placeholder"
            auto-height
			rows="1"
            :maxlength="35"
          />-->
          <view
            style="
              position: absolute;
              right: 32rpx;
              top: 0;
              line-height: 100rpx;
              font-size: 30rpx;
              color: #8799a3;
            "
          >
            {{ releaseFullTime.title.length > 35 ? 35 : releaseFullTime.title.length }}/35
          </view> 
        </view>
        <view class="cu-form-group" @click="positionCategory">
          <view class="title"> <span style="color: red">*</span>职位类别：</view>
          <input
            v-model="positionCategorys"
            disabled="true"
            placeholder="请选择职位类别"
            class="textarea1"
            placeholder-class="textarea-placeholder"
          />
          <image
            class="image_yjt"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
            mode=""
          >
          </image>
        </view>
        <view class="cu-form-group">
          <view class="title">
            <span style="color: red">*</span>薪<span style="color: transparent">空空</span>资：
          </view>
          <input
            v-model="salary"
            @input="inputChage"
            type="digit"
            placeholder="填写薪资"
            class="textarea1"
            placeholder-class="textarea-placeholder"
          />
          <view
            @click="openDistrict(3)"
            style="
              width: calc(100% - 200rpx - 240rpx);
              background: #f5f7f9;
              border-radius: 6rpx;
              border: none;
              padding-left: 15rpx;
              display: flex;
              justify-content: space-around;
              align-items: center;
            "
          >
            <!-- <uni-data-select v-model="unit" placeholder="请选择" :clear="false"
								:localdata="type4"></uni-data-select> -->
            {{ unit }}
            <img
              :class="selectorUnit ? 'arrow-right open' : 'arrow-right'"
              src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
            />
          </view>
          <view v-if="selectorUnit" class="seclector-box">
            <span
              v-for="(item, index) in type4"
              :key="item.index"
              :index="index"
              :class="item.value === unit ? 'checked work-btn' : 'work-btn'"
              @click.stop="() => chooseDataSelect(item, 'unit')"
            >
              {{ item.value }}
            </span>
          </view>
        </view>
        <view class="cu-form-group" style="display: block">
          <view class="title"><span style="color: red">*</span>结算方式：</view>
          <!--          <view style="width: calc(100% - 200rpx)">
				            <uni-data-select
				              v-model="releaseFullTime.settlementMethod"
				              placeholder="请选择"
				              :clear="false"
				              :localdata="type5"
				            ></uni-data-select>
				          </view> -->
          <view style="display: flex">
            <view
              @click.stop="typeClick(index, 'type5')"
              :class="
                item.active
                  ? 'commonScreenContentLi commonScreenContentXuan'
                  : 'commonScreenContentLi'
              "
              v-for="(item, index) in type5"
              :key="index"
              >{{ item.valueName }}</view
            >
          </view>
        </view>

        <!-- <view class="cu-form-group" @click="fringeBenefits">
								<view class="title"> <span style="color: red">*</span>福利待遇：</view>
								<input v-if="myChage.length" disabled="true" placeholder="请选择福利待遇" class="textarea1" />
								<image class="image_yjt" src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png" mode=""></image>
							</view> -->
        <CommonBenefit v-model="showCommon.benefit" :benefit-list="type7" :selected-list="myChage" @changeItem="benefitItemChange" />
        <view class="cu-form-group" style="display: block">
          <view class="title"><span style="color: red">*</span>工作周期：</view>
          <view style="display: flex; flex-wrap: wrap">
            <view
              @click.stop="typeClick(index, 'type6')"
              style="width: auto; padding: 0rpx 20rpx"
              :class="
                item.active
                  ? 'commonScreenContentLi commonScreenContentXuan'
                  : 'commonScreenContentLi'
              "
              v-for="(item, index) in type6"
              :key="index"
              >{{ item.valueName }}</view
            >
          </view>
        </view>
        <view class="cu-form-group" style="justify-content: start; position: relative" @click="openDistrict(1)">
          <view class="title"><span style="color: red">*</span>工作区域：</view>
          <span>{{ releaseFullTime.region }}</span>
          <img
            :class="selectorRegion ? 'arrow-right open' : 'arrow-right'"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
          />
          <view
            v-show="releaseFullTime.region === '平度市'"
            class="textarea1"
            style="
              position: absolute;
              font-size: 24rpx;
              top: 50%;
              left: 46%;
              transform: translateY(-50%);
              color: #cccccc;
              margin: auto;
            "
          >
            请选择工作区域</view
          >
          <view v-if="selectorRegion" class="seclector-box">
            <span
              v-for="(item, index) in type8"
              :key="item.index"
              :index="index"
              :class="item.value === releaseFullTime.region ? 'checked work-btn' : 'work-btn'"
              @click.stop="() => chooseDataSelect(item, 'region')"
            >
              {{ item.value }}
            </span>
          </view>
        </view>
        <view class="cu-form-group" style="align-items: flex-start;padding: 30rpx;">
          <view class="title" style="height:auto;"> <span style="color: red">*</span>工作地址：</view>
          <template v-if="releaseFullTime.workLocation">
            <textarea class="textarea" style="margin:0;" v-model="releaseFullTime.workLocation" auto-height />
          </template>
          <template v-else>
            <input
              v-model="releaseFullTime.workLocation"
              disabled="true"
              placeholder="请选择定位获取地址"
              placeholder-class="textarea-placeholder"
              class="textarea1"
            />
          </template>
          <view
            @click="$refs.bindWorkAddress.open()"
            v-if="userAddressList.length > 0"
            style="
              width: 120rpx;
              height: 48rpx;
              background: #0fa291;
              border-radius: 32rpx;
              font-weight: 500;
              font-size: 24rpx;
              color: #ffffff;
              text-align: center;
              line-height: 48rpx;
            "
          >
            <text class="cuIcon-locationfill text-orange" style="color: white"></text>
            更换
          </view>
          <view
            v-else
            @click="openMap"
            style="
              width: 120rpx;
              height: 48rpx;
              background: #0fa291;
              border-radius: 32rpx;
              font-weight: 500;
              font-size: 24rpx;
              color: #ffffff;
              text-align: center;
              line-height: 48rpx;
            "
          >
            <text class="cuIcon-locationfill text-orange" style="color: white"></text>
            请选择
          </view>
        </view>
        <view class="cu-form-group">
          <view class="title"><span style="color: transparent">*</span>联系电话：</view>
          <input
            type="tel"
            v-model="contactNumberList[0].contactWay"
            inputmode="numeric"
            :disabled="contactNumberEdit1"
            placeholder="请填写联系方式"
            placeholder-class="textarea-placeholder"
            :maxlength="13"
            @blur="contactWayBlur"
          />
          <image
            style="width: 28rpx; height: 28rpx; margin-right: 30rpx"
            v-if="userInfo.isShop == 1 || userInfo.enterpriseRecruitmentStatus == 1"
            src="https://pic.bangbangtongcheng.com/static/PublicButton/edit.png"
            @click="contactNumberEdit1 = !contactNumberEdit1"
          ></image>
          <view
            @click="addPhone2"
            v-show="curUserIdentityType && curUserIdentityType != 'PERSONAL'"
            style="
              width: 120rpx;
              height: 48rpx;
              background: #0fa291;
              border-radius: 32rpx;
              text-align: center;
              line-height: 48rpx;
              font-weight: 500;
              font-size: 24rpx;
              color: #ffffff;
            "
          >
            +添加</view
          >
        </view>
        <view
          class="cu-form-group"
          v-if="
            isShowContactNumberEdit2 && curUserIdentityType && curUserIdentityType != 'PERSONAL'
          "
        >
          <view class="title" style="color: transparent"><span style="color: transparent">*</span>联系电话：</view>
          <input
            type="tel"
            v-model="contactNumberList[1].contactWay"
            inputmode="numeric"
            :disabled="contactNumberEdit2"
            placeholder="请填写联系方式"
            placeholder-class="textarea-placeholder"
            :maxlength="13"
            @blur="contactWayBlur"
          />
          <image
            style="width: 28rpx; height: 28rpx; margin-right: 30rpx"
            src="https://pic.bangbangtongcheng.com/static/PublicButton/edit.png"
            @click="contactNumberEdit2 = !contactNumberEdit2"
          ></image>
          <view
            @click="deletePhone2(contactNumberList[1])"
            style="
              width: 120rpx;
              height: 48rpx;
              background: transparent;
              display: flex;
              align-items: center;
              justify-content: right;
            "
          >
            <image
              src="https://pic.bangbangtongcheng.com/static/PublicButton/delete-phone2.png"
              style="width: 33rpx; height: 33rpx"
            ></image>
          </view>
        </view>
        <!-- 				<view class="cu-form-group" style="justify-content: start;position: relative;">
					<view class="title"><span style="color: red">*</span>招聘人数：</view>
					<view style="display: flex;">
						<input :style="{ width: inputWidth + 'rpx' }" type="number" @input="handleInput"
							v-model="releaseFullTime.recruitersNumber" placeholder="1" />
						<span>人</span>
					</view>
					<view class="textarea1"
						style="position: absolute;font-size: 24rpx;top: 50%;left:46%;transform: translateY(-50%);color: #CCCCCC;margin: auto;">
						输入本次招聘人数</view>
				</view> -->
        <view class="cu-form-group" style="justify-content: start; position: relative" @click="recruitFocus">
          <view class="title"><span style="color: red">*</span>招聘人数：</view>
          <view style="display: flex; align-items: center">
            <!-- <input  :style="inputStyle" type="number" @input="handleInput"
							v-model="releaseFullTime.recruitNumber" placeholder="1" /> -->
            <input
              :focus="isRecruitFocus"
              style="width: 70rpx; padding-right: 5rpx"
              type="number"
              @input="handleInput"
              @focus="handleFocus"
              @blur="handleBlur"
              v-model="releaseFullTime.recruitersNumber"
              :placeholder="placeholderText"
            />
            <span>人</span>
          </view>
          <view
            v-show="releaseFullTime.recruitersNumber <= '1'"
            class="textarea1"
            style="
              position: absolute;
              font-size: 24rpx;
              top: 50%;
              left: 46%;
              transform: translateY(-50%);
              color: #cccccc;
              margin: auto;
            "
          >
            输入本次招聘人数</view
          >
        </view>
        <view class="cu-form-group" style="justify-content: start; position: relative" @click="openDistrict(2)">
          <view class="title"><span style="color: red">*</span>学历要求：</view>
          <span>{{ releaseFullTime.educationalRequirements }}</span>
          <img
            :class="selectorEducational ? 'arrow-right open' : 'arrow-right'"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
          />
          <view
            v-show="releaseFullTime.educationalRequirements === '不限'"
            class="textarea1"
            style="
              position: absolute;
              font-size: 24rpx;
              top: 50%;
              left: 46%;
              transform: translateY(-50%);
              color: #cccccc;
              margin: auto;
            "
          >
            选择最低学历要求</view
          >
          <view v-if="selectorEducational" class="seclector-box">
            <span
              v-for="(item, index) in type3"
              :key="item.index"
              :index="index"
              :class="
                item.value === releaseFullTime.educationalRequirements
                  ? 'checked work-btn'
                  : 'work-btn'
              "
              @click.stop="() => chooseDataSelect(item, 'educational')"
            >
              {{ item.value }}
            </span>
          </view>
        </view>
        <view class="cu-form-group">
          <view class="title"><span style="color: red">*</span>性别要求：</view>
          <view class="xbRadio">
            <view
              @click.stop="tabClickxb(0)"
              :class="
                sexual == 0
                  ? 'commonScreenContentLi commonScreenContentXuan'
                  : 'commonScreenContentLi'
              "
            >
              不限</view
            >
            <view
              @click.stop="tabClickxb(1)"
              :class="
                sexual == 1
                  ? 'commonScreenContentLi commonScreenContentXuan'
                  : 'commonScreenContentLi'
              "
            >
              男</view
            >
            <view
              @click.stop="tabClickxb(2)"
              :class="
                sexual == 2
                  ? 'commonScreenContentLi commonScreenContentXuan'
                  : 'commonScreenContentLi'
              "
            >
              女</view
            >
          </view>
        </view>
        <view class="timeInterval" style="border-bottom: none;">
          <view class="time_top">
            <view class="title"><span style="color: red">*</span>工作时段：</view>
            <view class="xbRadio">
              <view
                @click.stop="tabClickgz(1)"
                :class="
                  workHours == 1
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
              >
                不限</view
              >
              <view
                @click.stop="tabClickgz(2)"
                :class="
                  workHours == 2
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
              >
                +自定义</view
              >
            </view>
          </view>
          <view class="time_top flex_center" style="margin-top: 24rpx;" v-if="workHours == 2">
            <!-- <view class="flex_center">
            </view> -->
            <view class="selector_box">
              <view class="selector" v-for="(item, index) in tiemList" :key="index">
                <view class="selected_item time flex_center" @click="setTimePickerIndex('workingHours',index)">
                  <view class="time start">
                    {{ item.time1 ? item.time1 : '请选择' }}
                  </view>
                  <view class="center_text">至</view>
                  <view class="time end">
                    {{ item.time2 ? item.time2 : '请选择' }}
                  </view>
                </view>
                <view class="icon_box">
                  <text
                    class="icon cuIcon-roundadd"
                    v-if="index == 0 && tiemList.length < 4"
                    @click="add"
                  ></text>
                  <image
                    src="https://pic.bangbangtongcheng.com/static/PublicButton/delete-worktime.png"
                    style="width: 44rpx; height: 44rpx"
                    v-if="index != 0"
                    @click="close(index)"
                  >
                  </image>
                </view>
              </view>
            </view>
          </view>
          <view v-show="workHours == 2 && currentPicker.workingHours > -1 && showCommon.workingHours" style="margin-top: 24rpx;">
            <WorkingHours :show.sync="showCommon.workingHours" @endChange="timeChange"/>
          </view>
        </view>
        <view class="timeInterval">
          <view class="time_top">
            <view class="title"><span style="color: red">*</span>用工日期：</view>
            <view class="xbRadio">
              <view
                @click.stop="tabClickyg(1)"
                :class="
                  recruitUse == 1
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
              >
                不限</view
              >
              <view
                @click.stop="tabClickyg(0)"
                :class="
                  recruitUse == 0
                    ? 'commonScreenContentLi commonScreenContentXuan'
                    : 'commonScreenContentLi'
                "
              >
                +自定义</view
              >
            </view>
          </view>
          <view class="time_top" style="margin-top: 24rpx" v-if="recruitUse == 0">
            <view class="selector_box">
              <view class="selector" v-for="(item, index) in dateList" :key="index">
                <view class="selected_item date flex_center" @click="setTimePickerIndex('workingDate',index)">
                  <view class="time start">
                    {{ item.dateVal1 ? item.dateVal1 : '请选择' }}
                  </view>
                  <view class="center_text">至</view>
                  <view class="time end">
                    {{ item.dateVal2 ? item.dateVal2 : '请选择' }}
                  </view>
                </view>
                <view class="icon_box">
                  <text
                    class="icon cuIcon-roundadd"
                    v-if="index == 0 && dateList.length < 4"
                    @click="addDate"
                  ></text>
                  <image
                    src="https://pic.bangbangtongcheng.com/static/PublicButton/delete-worktime.png"
                    style="width: 44rpx; height: 44rpx"
                    v-if="index != 0"
                    @click="closeDate(index)"
                  >
                  </image>
                </view>
              </view>
            </view>
          </view>
          <view v-show="recruitUse === 0 && currentPicker.workingDate > -1 && showCommon.workingDate" style="margin: 24rpx -30rpx 0rpx;">
            <WorkingDate :show.sync="showCommon.workingDate" @endChange="dateChange"/>
          </view>
          
        </view>
        <view class="cu-form-group" style="display: block">
          <view class="title" style="display: flex; align-items: center">
            <view style="color: red">*</view>
            工作描述：
            <view style="display: flex;align-items: center;">
              <view style="color: #0fa291; line-height: 28rpx; font-weight: normal">
                {{ releaseFullTime.jobDescription.length > 2000 ? 2000 : releaseFullTime.jobDescription.length || 0 }}
              </view>
              /2000
            </view>
            <view style="color: transparent">空</view>
            <image
              @click="exampleDescOpen"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/view-examples.png"
              style="width: 24rpx; height: 25rpx; margin-right: 10rpx"
            ></image>
            <span style="font-size: 24rpx; color: #0fa291" @click="exampleDescOpen"
              >查看示例</span
            >
          </view>
          <view class="jieshaoTip">
            请勿在描述中填写电话、微信、邮箱等联系方式，否则其内容可能被删除或者屏蔽。
          </view>
        </view>
        <view class="jieshao">
          <view class="kuang">
            <!-- #ifdef MP-WEIXIN -->
            <textarea
              maxlength="2000"
              class="textareaAuto"
              v-model="releaseFullTime.jobDescription"
              :cursor="-1"
              :placeholder="zhiweimiaoshu"
              placeholder-class="textarea-placeholder"
            />
            <!-- #endif -->
            <!-- #ifndef MP-WEIXIN -->
            <textarea
              maxlength="2000"
              class="textareaAuto"
              v-model="releaseFullTime.jobDescription"
              :placeholder="zhiweimiaoshu"
              placeholder-class="textarea-placeholder"
            />
            <!-- #endif -->
            <!-- <scroll-view style="white-space: nowrap;" class="text_field_outer" scroll-y>
										<textarea auto-height maxlength="2000" class="textarea" v-model="releaseFullTime.jobDescription"
											:placeholder="zhiweimiaoshu" placeholder-class="textarea-placeholder" />
									</scroll-view> -->
            <!-- <p>{{ releaseFullTime.jobDescription.length }}/500</p> -->
          </view>
        </view>
        <view class="callPhoneSetButton">
          <view style="margin-right: 20rpx">拨打电话同时投递简历</view>
          <switch @change="callPhoneSwitch" :checked="Boolean(releaseFullTime.whetherAutoDelivery)" />
        </view>
      </form>

      <view class="flex yszcTip" style="margin-bottom: 20rpx">
        <!-- 	  <radio
						    style="transform: scale(0.8)"
						    :checked="checked"
						    @click="checked = !checked"
						  ></radio> -->
        <view
          class="agreementCheckbox"
          @click="checked = !checked"
          style="width: 36rpx; height: 36rpx"
        >
          <image
            v-if="checked"
            src="https://pic.bangbangtongcheng.com/static/bbcz/select.png"
          ></image>
          <image v-else src="https://pic.bangbangtongcheng.com/static/bbcz/noSelect.png"></image>
        </view>
        <view style="display: inline-block; font-weight: 400; font-size: 24rpx; color: #333333" @click="checked = !checked">
          <span>发布即默认同意</span>
          <span @click.stop="toUs(2)">《帮帮同城隐私政策》</span>
          <span>和</span>
          <span @click.stop="toUs(3)">《帮帮同城用户协议》</span>
        </view>
      </view>

      <view class="motaikuang motaikuang2" v-show="show2" @click="show2 = false">
        <div class="tips" @click.stop="aaa">
          <div class="text">
            为了保护您的合法权益，发布前请仔细阅读并同意以下协议:
            <view class="tags" @click="toUs(3)"> 《用户协议》 </view>
            &
            <view class="tags" @click="toUs(2)"> 《隐私协议》 </view>
          </div>
          <div class="btns">
            <div class="btn flex_center" @click="show2 = false">不同意</div>
            <div class="btn flex_center" @click="confirmClick">同意</div>
          </div>
        </div>
      </view>
      <!-- 			</view> -->

      <!-- <view style="align-items: flex-end;width: 100%;"> -->
      <!--    </scroll-view> -->

      <view class="tijiao">
        <view class="btn">
          <view class="draftBtn" @click="Drafts()">
            <image
              style="width: 32rpx; height: 32rpx"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/caogaoxiang-2.png"
            ></image>
            保存至草稿箱
          </view>
          <view class="releaseBtn" :class="checkClass ? '' : 'hide'" @click="release">
            <image
              style="width: 32rpx; height: 32rpx"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/fabu-2.png"
            ></image
            >发布
          </view>
        </view>
      </view>
      <!-- </view> -->
    </view>
    <dLoading v-if="loding"></dLoading>
    <uni-popup ref="binds" type="center" :mask-click="false">
      <!-- <view class="binds_frame">
				<view class="binds_frame_t">提示</view>
				<view class="binds_frame_c">提交成功，请耐心等待审核。</view>
				<view class="binds_frame_b" @click="queding">确定</view>
			</view> -->
      <view class="bindPublicSuccess_frame">
        <view class="binds_frame_t">
          <image src="https://pic.bangbangtongcheng.com/static/PublicButton/refresh.png"></image
          >发布成功，审核中...
        </view>
        <view class="binds_frame_c">信息审核通过后，请在“我的发布”进行管理</view>
      </view>
    </uni-popup>
    <uni-popup ref="bindWorkAddress" type="bottom" style="z-index: 100">
      <view class="bindWorkAddress_frame">
        <view class="title">
          <view class="title_right">请选择工作地址</view>
          <view class="title_center">&emsp;&emsp;</view>
          <view class="title_right">&emsp;&emsp;</view>
        </view>
        <view class="center">
          <view
            :class="
              currentAddressBackground == item.id ||
              (currentAddressBackground == -1 && !item.canDelete)
                ? 'center_item center_item_cur'
                : 'center_item'
            "
            v-for="(item, index) in userAddressList"
            :key="index"
          >
            <view
              class="center_item_top"
              v-if="
                currentAddressEditItem == item.id ||
                (currentAddressEditItem == -1 && !item.canDelete)
              "
            >
              <textarea
                v-model="item.location"
                :focus="true"
                class="editUserAddressTextarea"
                maxlength="60"
              ></textarea>
            </view>
            <view class="center_item_top" v-else>{{ item.location }}</view>

            <view style="border-bottom: 2rpx solid #cccccc; margin-bottom: 20rpx"></view>
            <view class="center_item_bottom">
              <view class="center_item_bottom_left">
                <view
                  style="background: #f5f7f9; color: black; margin-right: 20rpx"
                  v-if="item.canDelete"
                  @click="deleteUserAddress(item)"
                >
                  删除
                </view>
                <view
                  v-if="
                    currentAddressEditItem == item.id ||
                    (currentAddressEditItem == -1 && !item.canDelete)
                  "
                  @click="confirmAddressEdit(item)"
                  >确定</view
                >
                <view v-else @click="editAddressItem(item)">编辑</view>
                <!-- <view @click="openMap(item)">编辑</view> -->
              </view>
              <view
                class="center_item_bottom_left"
                v-if="
                  currentAddressEditItem == item.id ||
                  (currentAddressEditItem == -1 && !item.canDelete)
                "
              >
                <view @click="openMap(item)"
                  ><text class="cuIcon-locationfill text-orange" style="color: white"></text
                  >地图</view
                >
              </view>
              <view class="center_item_bottom_right" v-else>
                <image
                  src="https://pic.bangbangtongcheng.com/static/MyPublic/radio-selectd.png"
                  v-if="item.whetherDefault == 1"
                ></image>
                <image
                  src="https://pic.bangbangtongcheng.com/static/MyPublic/radio-select.png"
                  v-if="item.whetherDefault == 0"
                  @click="setDefaultAddress(item)"
                ></image>
                默认
              </view>
            </view>
          </view>
        </view>
        <view class="footer">
          <view
            class="but"
            @click="getLocation1"
            :style="userAddressList.length >= 5 ? 'background: #999;' : ''"
          >
            +新增工作地点({{ userAddressList.length + '/5' }})
          </view>
        </view>
      </view>
    </uni-popup>

    <!-- 地址弹窗 -->
    <uni-popup ref="bindDeleteAddress" mode="center" style="z-index: 10000000">
      <view class="binds_frame_address">
        <view class="binds_frame_t"></view>
        <view class="binds_frame_c">确定删除该地址？</view>
        <view class="binds_frame_b">
          <view class="cancel" @click="$refs.bindDeleteAddress.close()">取消</view>
          <view class="determine" @click="determineDeleteUserAddress">确定</view>
        </view>
      </view>
    </uni-popup>
    <uni-popup ref="bindsRZ" mode="center">
      <view class="bindsrz_frame">
        <view class="bindsrz_frame_t">提示</view>
        <view class="bindsrz_frame_c">您还未认证,请认证后再来发布！</view>
        <view class="bindsrz_frame_b">
          <view class="cancel" @click="jcbdCancel">取消</view>
          <view class="determine" @click="confirmReceipt">确认</view>
        </view>
      </view>
    </uni-popup>
    <!-- 查看示例 -->
    <uni-popup ref="bindViewExample" type="bottom">
      <view class="bindViewExample_frame">
        <view class="title">
          <view class="title_right"></view>
          <view class="title_center"> 示例 </view>
          <view class="title_right" @click="exampleDescClose">
            <image
              class="image"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/close.png"
            >
            </image>
          </view>
        </view>
        <view v-if="show.exampleDesc" class="center">
          <!-- {{exampleDesc}} -->
           <scroll-view scroll-y style="height: 500rpx;">
             <textarea
               ref="text"
               maxlength="2000"
               style="width: 100%"
               auto-height
               v-model="exampleDesc"
               disabled
               placeholder="模板内容"
               placeholderStyle="font-size:24rpx;color:#ccc"
             />
           </scroll-view>
        </view>
        <view class="bottomGroup">
          <view class="bottoms1" @click="applyExample">
            <image
              class="image"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/shiyonmoban.png"
            ></image>
            使用此模板
          </view>
          <view class="bottoms2" @click="viewExampleNext">
            <image
              class="image"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/huanyige.png"
            >
            </image>
            换一个
          </view>
        </view>
      </view>
    </uni-popup>
  </view>
</template>
<script>
  import permision from '@/js_sdk/wa-permission/permission.js';
  import { popup } from '../../uni_modules/x-perm-apply-instr/js_sdk/native_popup.js'
  //#ifdef H5
  import wxshare from '../../utils/index.js';
  //#endif
  import { formatDateAdjusted } from '../../util/dateTimePicker.js';
  import { mapGetters } from 'vuex';
  import CommonBenefit from '../components/common-benefit/common-benefit.vue';
  import WorkingHours from '../components/working-hours/working-hours.vue';
  import WorkingDate from '../components/working-date/working-date.vue';
  export default {
    components: {
      CommonBenefit,
      WorkingHours,
      WorkingDate,
    },
    data() {
      return {
        placeholderText: '1',
        loding: true,
        show: {
          exampleDesc: false
        },// 弹窗用  因数据太长会显示异常
        showCommon: {
          benefit: false,
          workingHours: false,
          workingDate: false,
        }, // 公用选择容器状态变量
        currentPicker: {
          workingHours: -1, // 当前点击的时间段 下标
          workingDate: -1, // 当前点击的日期段 下标
        },
        isRecruitFocus: false,
        selectorRegion: false, // 工作地区选择器容器
        selectorEducational: false, // 学历要求选择器容器
        selectorUnit: false, // 薪资单位选择器容器
        inputValue: '',
        inputWidth: 30, // 初始宽度
        isShowContactNumberEdit2: false, //是否显示副联系方式
        contactNumberEdit1: false, // 是否可以编辑主联系方式
        contactNumberEdit2: true, // 是否可以编辑副联系方式
        userAddressList: [], // 用户地址列表
        currentAddressEditItem: 0, // 当前正在编辑的地址
        currentAddressBackground: 0, // 当前编辑地址的背景显示位置
        deleteUserAddressInfo: null, // 即将要删除的地址
        imgUrl: this.$imgSrc,
        userInfo: uni.getStorageSync('Pduser'),
        releaseFullTime: {
          id: '', //主键
          publisherId: '', //发布人ID
          certificationId: '', //企业ID
          bussinessType: '', //业务类型   1：房源，2：车主，3：车主会员，4：招聘
          recruitmentType: '2', //招聘类型   1：全职，2：兼职
          title: '', //标题
          salaryRange: '', //薪资范围
          fringeBenefits: '', //福利待遇
          settlementMethod: '日结', //结算方式
          workCycle: '', //工作周期
          positionCategory: '', //职位类别
          region: '平度市', //所在区域
          workLocation: '', //工作地址
          longitude: '', //经度
          latitude: '', //纬度
          contactNumber: '', //联系电话
          recruitersNumber: '1', //招聘人数
          genderRequirements: '', //性别要求（0：不限，1：男，2：女）
          workingHours: '', //工作时段
          employmentDate: '', //用工日期
          jobDescription: '', //职位描述
          educationalRequirements: '不限', //学历要求
          whetherAutoDelivery: true,
        },
        positionCategorys: '',
        environmentArr: [],
        environmentList: [],
        progressList6: [],
        // 协议
        checked: false,
        index: '',
        CustomBar1: '',
        anti_shake: false,
        timeDQ: '',
        // 是否选择面议
        myChage: [],
        addFuLi: '',
        type4: [],
        type5: [],
        type6: [],
        type7: [],
        type8: [],
        type3: [], // 学历
        // 薪资和单位
        salary: '',
        checkClass: false,
        unit: '元/小时',
        // 测试
        sexual: '0',
        workHours: '1',
        recruitUse: 1,
        // 获取日月选择器
        dateOptions: [],
        dateOptions_key: [],
        dateIndex1: [0, 0],
        dateIndex2: [0, 0],
        pickerInitR1: 0,
        pickerInitR2: 0,
        dateVal1: '',
        dateVal2: '',
        dateVal1s: '',
        dateVal2s: '',
        draftsId: '',
        voitureId: '',
        show2: '',
        tiemList: [
          {
            index1: -1,
            index2: -1,
            time1: '',
            time2: '',
          },
        ],
        dateList: [
          {
            index1: -1,
            index2: -1,
            dateVal1: '',
            dateVal2: '',
            dateVal1s: '',
            dateVal2s: '',
          },
        ],
        zhiweimiaoshu: '请输入职位描述\n1.工作内容\n2.任职要求',
        exampleDesc: '',
        contactNumberList: [],
        exampleList: [],
		currentLength:0
      }
    },
    computed: {
      ...mapGetters([
        'userid',
        'islogin',
        'statusBarHeight1',
        'userinfo',
        'curUserAuditStatus',
        'curUserIdentityType',
      ]),
    },
    onPullDownRefresh() {
      uni.stopPullDownRefresh()
    },
    watch: {
      releaseFullTime: {
        deep: true,
        handler() {
          let status = true
          let that = this
          if (that.releaseFullTime.title == '') {
            status = false
            // console.log('@releaseFullTime title')
          }
          if (that.releaseFullTime.positionCategorys == '') {
            status = false
            // console.log('@releaseFullTime positionCategorys')
          }
          if (that.salary == '') {
            status = false
          }
          if (that.releaseFullTime.salary == '') {
            status = false
            // console.log('@releaseFullTime salary')
          }
          if (that.releaseFullTime.settlementMethod == '') {
            status = false
            // console.log('@releaseFullTime settlementMethod')
          }
          if (that.releaseFullTime.workCycle == '') {
            status = false
            // console.log('@releaseFullTime workCycle')
          }
          if (that.releaseFullTime.region == '') {
            status = false
            // console.log('@releaseFullTime region')
          }
          if (that.releaseFullTime.workLocation == '') {
            status = false
            // console.log('@releaseFullTime workLocation')
          }
          // if (that.releaseFullTime.contactNumber == "") {
          // 	status = false;
          // 	console.log("@releaseFullTime contactNumber")
          // }
          if (that.releaseFullTime.educationalRequirements == '') {
            status = false
            // console.log('@releaseFullTime educationalRequirements')
          }
          if (that.releaseFullTime.jobDescription == '') {
            status = false
            // console.log('@releaseFullTime jobDescription')
          }
          if (!that.myChage.length) {
            status = false
            // console.log('@releaseFullTime jobDescription myChage')
          }
          // if (!that.releaseFullTime.workingHours) {
          // 	status = false;
          // 	console.log("@releaseFullTime jobDescription workingHours")
          // }
          // if (!that.releaseFullTime.employmentDate) {
          // 	status = false;
          // 	console.log("@releaseFullTime jobDescription employmentDate")
          // }
          // if (!that.releaseFullTime.genderRequirements) {
          // 	status = false;
          // 	console.log("@releaseFullTime jobDescription genderRequirements")
          // }
          if (!that.releaseFullTime.recruitersNumber) {
            status = false
            // console.log('@releaseFullTime jobDescription recruitersNumber')
          }
          if (that.releaseFullTime.workLocation == '' || that.releaseFullTime.longitude == '') {
            status = false
            // console.log('@releaseFullTime workLocation')
          }
          this.checkClass = status
        },
      },
    },
    async onLoad(option) {
      await this.getType()
      //this.releaseFullTime.contactNumber = this.userInfo.phone;
      if (option.id) {
		  this.index = option.index
        await this.init(option.id, option.index)
      } else {
        console.log(uni.getStorageSync(`${this.userInfo.phone}publish`));
        uni.getStorageSync(`${this.userInfo.phone}publish`) && this.getStorage()
      }
      this.CustomBar1 = this.CustomBar
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */

      this.getCurrentUserAddress()

      this.getUserContactByUserId()

      this.getExample()

      console.log('curUserIdentityType', this.curUserIdentityType)
    },
    onShow() {
      this.userInfo = uni.getStorageSync('Pduser');

      // console.log(uni.getStorageSync('Pduser'), 'userinf1111o')
      // console.log(this.userInfo, 'userinf1111o')
      // if(this.userInfo.businessType ==0 &&this.userInfo.enterpriseRecruitmentStatus != 1){
      // 	if (this.$refs.bindsRZ) {
      // 		this.$refs.bindsRZ.open();
      // 	} else {
      // 		this.$nextTick(()=>{
      // 			this.$refs.bindsRZ.open();
      // 		})
      // 	}
      // }
    },
    methods: {
      editAddressItem(item) {
        this.currentAddressEditItem = item.id
        this.currentAddressBackground = item.id
        if (!item.id) {
          this.currentAddressEditItem = -1
          this.currentAddressBackground = -1
        }
      },
      handleFocus() {
        // 当用户准备编辑时，将placeholder设置为'0'
        this.placeholderText = '0'
        console.log('handleFocus', this.placeholderText)
      },
      handleBlur() {
        // 当用户离开输入框时，检查输入框的值
        if (this.releaseFullTime.recruitersNumber === '') {
          // 如果输入框为空，则将placeholder重置为'1'
          this.placeholderText = '1'
        }
        this.isRecruitFocus = false;
        console.log('handleBlur', this.releaseFullTime.recruitersNumber)
      },
      //打开选择工作区域
      openDistrict(type) {
        if (type == 1) {
          this.selectorEducational = false
          this.selectorUnit = false
          this.selectorRegion = !this.selectorRegion
        } else if (type == 2) {
          this.selectorRegion = false
          this.selectorUnit = false
          this.selectorEducational = !this.selectorEducational
        } else if (type == 3) {
          this.selectorRegion = false
          this.selectorEducational = false
          this.selectorUnit = !this.selectorUnit
        }
      },
      setTimePickerIndex(key,i){
        this.currentPicker[key] = i;
        if (this.showCommon[key]) {
          this.showCommon[key] = false;
          return false;
        }
        // this.showCommon[workingHours] = !0;
        for (const v in this.showCommon) {
          this.showCommon[v] = key === v;
        }
      },
      timeChange(data){
        try {
          const i = this.currentPicker.workingHours;
          this.tiemList.forEach(v => {
            const str = `${v.time1}-${v.time2}`;
            if (str === `${data.startTime}-${data.endTime}`) {
              throw new Error('工作时段已存在，请重新选择');
            }
          })
          this.tiemList[i].time1 = data.startTime;
          this.tiemList[i].time2 = data.endTime;
        } catch (err) {
          uni.showToast({
            title: err.message || '数据异常，请联系管理员。',
            icon: 'none',
          })
          return false;
        }
      },
      dateChange(data){
        try {
          const i = this.currentPicker.workingDate;
          this.dateList.forEach(v => {
            const str = `${v.dateVal1s}-${v.dateVal2s}`;
            if (str === `${data.startTime}-${data.endTime}`) {
              throw new Error('用工日期已存在，请重新选择');
            }
          })
          this.dateList[i].dateVal1 = formatDateAdjusted(data.startTime);
          this.dateList[i].dateVal1s = data.startTime;
          this.dateList[i].dateVal2 = formatDateAdjusted(data.endTime);
          this.dateList[i].dateVal2s = data.endTime;
        } catch (err) {
          uni.showToast({
            title: err.message || '数据异常，请联系管理员。',
            icon: 'none',
          })
        }
      },
      chooseDataSelect(v, t) {
        if (t === 'region') {
          this.releaseFullTime.region = v.value
          this.selectorRegion = !this.selectorRegion
        } else if (t === 'unit') {
          this.unit = v.value
          this.selectorUnit = !this.selectorUnit
        } else if (t === 'educational') {
          this.releaseFullTime.educationalRequirements = v.value
          this.selectorEducational = !this.selectorEducational
        }
      },
      // 换一个
      viewExampleNext() {
        const len = this.exampleList.length
        const index = Math.floor(Math.random() * len)
        this.exampleDesc = this.exampleList[index].valueName
      },
      getExample() {
        let that = this
        // 获取示例模版
        this.$myRequest
          .get('/api/mobile/personnelOwner/queryDataDictionaryList', {
            type: 12,
          })
          .then((res) => {
            if (res.code == 200) {
              const len = res.dataDictionaryList.length
              if (len > 0) {
                this.exampleList = res.dataDictionaryList
                this.exampleDesc = res.dataDictionaryList[0].valueName
                console.log('text', this.text)
              }
            }
            that.$nextTick(() => {
              setTimeout(() => {
                this.loding = false
              }, 1000)
            })
          })
      },
      recruitFocus(){
        this.isRecruitFocus = true;
      },
      handleInput(e) {
        this.inputValue = e.target.value
        this.releaseFullTime.recruitNumber = event.target.value
        this.calculateWidth(this.inputValue)
      },
      calculateWidth(text) {
        // 根据字体大小和字体类型来调整这里的值
        const baseWidth = 18
        const charWidth = 18
        const width = baseWidth + text.length * charWidth
        this.inputWidth = Math.max(width, 30) // 设置最小宽度
      },
      getUserContactByUserId() {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/getUserContactByUserId', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            //that.releaseFullTime.contactNumber = res.data[0].contactWay;
            that.contactNumberList = res.data
            if (res.data.length > 1) {
              that.isShowContactNumberEdit2 = true
              //that.releaseFullTime.contactNumber2 = res.data[1].contactWay;
            } else {
              let data = {}
              data.contactWay = ''
              data.userId = this.userInfo.id
              that.contactNumberList[1] = data
            }
          })
      },
      saveUserContact(id, contactWay) {
        let data = {}
        data.contactWay = contactWay
        data.userId = this.userInfo.id
        if (id) {
          data.id = id
        }
        this.$myRequest.post('/api/mobile/personnelOwner/saveUserContact', data)
      },
      contactWayBlur(){
        const inputs = JSON.parse(JSON.stringify(this.contactNumberList));
        if (!inputs[0].contactWay && inputs[1].contactWay) {
          this.$set(this.contactNumberList[0],'contactWay',inputs[1].contactWay);
          this.$set(this.contactNumberList[1],'contactWay','');
		  this.isShowContactNumberEdit2=false
        }
		if (inputs[1].contactWay&&inputs[0].contactWay == inputs[1].contactWay){
			uni.showToast({
			  title: '两次填写的号码不能一样，请重新填写',
			  icon: 'none',
			})
			this.$set(this.contactNumberList[1],'contactWay','');
			this.isShowContactNumberEdit2=false
			return false
		}
      },
      addPhone2() {
        this.isShowContactNumberEdit2 = true
        this.contactNumberEdit2 = !this.contactNumberEdit2
        console.log(this.contactNumberList, 'this.contactNumberList')
        // this.deletePhone2(this.contactNumberList[1])
      },
      deletePhone2(row) {
        console.log('deletePhone2', this.contactNumberList)
        if (!row.id) {
          this.isShowContactNumberEdit2 = false
          this.getUserContactByUserId()
          return
        }
        this.$myRequest
          .post('/api/mobile/personnelOwner/removeUserContactByIds', {
            ids: row.id,
          })
          .then((res) => {
            this.isShowContactNumberEdit2 = false
            this.getUserContactByUserId()
          })
      },
      // 删除单个用户地址
      deleteUserAddress(item) {
        this.deleteUserAddressInfo = item
        this.$refs.bindDeleteAddress.open()
      },
      determineDeleteUserAddress() {
        let that = this
        console.log('determineDeleteUserAddress item', this.deleteUserAddressInfo)
        this.$myRequest
          .post('/api/mobile/personnelOwner/removeUserWorkLocationByIds', {
            ids: this.deleteUserAddressInfo.id,
          })
          .then((res) => {
            that.$refs.bindDeleteAddress.close()
            if (this.deleteUserAddressInfo.whetherDefault) this.setDefaultAddress(this.userAddressList[0]);
            uni.showToast({
              title: '操作成功',
              icon: 'success',
            })
            that.getCurrentUserAddress()
          })
      },
      setDefaultAddress(row) {
        let that = this
        row.whetherDefault = 1
        uni.showLoading({
          title: '设置中',
        })

        let ifOne = false
        if (this.userAddressList?.length == 0) {
          ifOne = true
        } else if (row.id == this.userAddressList[0].id) {
          ifOne = true
        }
        row.ifOne = ifOne
        that.$myRequest
          .post('/api/mobile/personnelOwner/saveUserWorkLocation', row)
          .then((response) => {
            that.getCurrentUserAddress()
            uni.hideLoading()
            this.$refs.bindWorkAddress.close();
          })
      },
      // 获取当前用户的地址列表
      getCurrentUserAddress() {
        this.$myRequest
          .get('/api/mobile/personnelOwner/getUserWorkLocationList', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            this.userAddressList = res.data
            if (this.userAddressList.length > 0) {
              let defaultAddress = res.data.filter((row) => row.whetherDefault == 1)[0]
              console.log('res.data.filter(row => row.whetherDefault == 1)', defaultAddress)
              this.releaseFullTime.workLocation = defaultAddress.location
              this.releaseFullTime.latitude = defaultAddress.latitude
              this.releaseFullTime.longitude = defaultAddress.longitude
              this.currentAddressBackground = defaultAddress.id
            }
          })
      },
      exampleDescOpen(){
        this.$refs.bindViewExample.open();
        this.show.exampleDesc = !0;
      },
      exampleDescClose(){
        this.$refs.bindViewExample.close();
        this.show.exampleDesc = !1;
      },
      applyExample() {
        if (this.exampleDesc.length <= 2000) {
          this.releaseFullTime.jobDescription = this.exampleDesc;
        } else {
          this.releaseFullTime.jobDescription = this.exampleDesc.slice(0,2000);
        }
        this.exampleDescClose();
      },
      callPhoneSwitch(e) {
        // this.releaseFullTime.whetherAutoDelivery = e.target.value
		this.releaseFullTime.whetherAutoDelivery = e.target.value ? 1 : 0
      },
      typeClick(index, type) {
        let that = this
        this[type].forEach((el, index1) => {
          if (index == index1) {
            that.$set(that[type][index1], 'active', true)
          } else {
            that[type][index1].active = false
          }
        })
        console.log('typeClick', this[type][index].valueName)
        if (type === 'type5') {
          this.releaseFullTime.settlementMethod = this[type][index].valueName
        } else if (type === 'type6') {
          this.releaseFullTime.workCycle = this[type][index].valueName
        }
      },
      checkMobile(tel) {
        //清空格
        tel = tel.replace(/[\s\u00a0]/g, '')
        //替换中文括号
        tel = tel.replace('（', '(')
        tel = tel.replace('）', ')')
        var phoneReg = !!tel.match(
          /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
        )
        var telReg = !!tel.match(/^(0\d{2,3}[- ]?)?\d{7,8}$/)
        if (phoneReg || telReg) {
          return true
        } else {
          return false
        }
      },
      aaa() {},
      confirmClick() {
        this.checked = true
        this.show2 = false
        this.release()
      },
      getStorage() {
        let obj = uni.getStorageSync(`${this.userInfo.phone}publish`)
        // uni.removeStorageSync(`${this.userInfo.phone}publish`);
        let that = this
        this.voitureId = obj.id
        this.releaseFullTime.title = obj.title
        this.releaseFullTime.salaryRange = obj.salaryRange
        this.salary = obj.salaryRange.split(',')[0]
        this.unit = obj.salaryRange.split(',')[1]
        // this.releaseFullTime.fringeBenefits = obj.fringeBenefits;
        if (obj.fringeBenefits) {
          obj.fringeBenefits === '[object Object]' && (obj.fringeBenefits = '');
          const arr = obj.fringeBenefits.split && obj.fringeBenefits.split(',') || obj.fringeBenefits;
          arr.forEach((v) => {
            if (this.type7.findIndex((item) => item.valueName == v) == '-1') {
              this.type7.push({
                valueName: v,
                active: true,
              })
            }
          })
          this.myChage = obj.fringeBenefits.split(',');
        }
        this.releaseFullTime.settlementMethod = obj.settlementMethod
        this.releaseFullTime.workCycle = obj.workCycle
        this.releaseFullTime.positionCategory = obj.positionCategory
        this.positionCategorys = obj.positionCategory
        this.releaseFullTime.region = obj.region
        this.releaseFullTime.workLocation = obj.workLocation
        this.releaseFullTime.longitude = obj.longitude
        this.releaseFullTime.latitude = obj.latitude
        //this.releaseFullTime.contactNumber = obj.contactNumber;
        this.releaseFullTime.recruitersNumber = obj.recruitersNumber
        this.releaseFullTime.genderRequirements = obj.genderRequirements
        this.sexual = obj.genderRequirements
        this.releaseFullTime.workingHours = obj.workingHours
        if (obj.workingHours == '不限') {
          this.workHours == 1
        } else {
          this.tiemList = []
          this.workHours = 2
          obj.workingHours.split('|').forEach((el) => {
            this.tiemList.push({
              index1: -1,
              index2: -1,
              time1: el.split(',')[0],
              time2: el.split(',')[1],
            })
          })
        }
        this.releaseFullTime.employmentDate = obj.employmentDate
        if (obj.employmentDate == '不限') {
          this.recruitUse == 1
        } else {
          this.dateList = []
          this.recruitUse = 0
          obj.employmentDate.split('|').forEach((el) => {
            if (el.split(',').length > 1) {
              let dateVal1s =
                el.split(',')[0].split('-')[0] +
                '-' +
                el.split(',')[0].split('-')[1] +
                '-' +
                el.split(',')[0].split('-')[2]
              let dateVal2s =
                el.split(',')[1].split('-')[0] +
                '-' +
                el.split(',')[1].split('-')[1] +
                '-' +
                el.split(',')[1].split('-')[2]
              let dateVal1 =
                el.split(',')[0].split('-')[0] +
                '年' +
                el.split(',')[0].split('-')[1] +
                '月' +
                el.split(',')[0].split('-')[2] +
                '日'
              let dateVal2 =
                el.split(',')[1].split('-')[0] +
                '年' +
                el.split(',')[1].split('-')[1] +
                '月' +
                el.split(',')[1].split('-')[2] +
                '日'
              this.dateList.push({
                index1: -1,
                index2: -1,
                dateVal1s: dateVal1s,
                dateVal2s: dateVal2s,
                dateVal1: dateVal1,
                dateVal2: dateVal2,
              })
            }
          })
        }
        this.releaseFullTime.jobDescription = obj.jobDescription
      },
      add() {
        this.tiemList.push({
          index: -1,
          time1: '',
          time2: '',
        })
      },
      close(index) {
        this.tiemList.splice(index, 1)
      },
      addDate() {
        this.dateList.push({
          index: -1,
          dateVal1s: '',
          dateVal2s: '',
          dateVal1: '',
          dateVal2: '',
        })
      },
      closeDate(index) {
        this.dateList.splice(index, 1)
      },
      pickerColumnDept1(e) {
        if (e.detail.column == 0) {
          let arr = []
          arr = this.dateOptions_key[e.detail.value]
          this.$set(this.dateOptions, 1, arr)
          this.dateIndex1[0] = e.detail.value
          this.dateIndex1[1] = this.pickerInitR1
          let timern = setTimeout(() => {
            this.dateIndex1[1] = 0
            clearTimeout(timern)
          }, 100)
        } else {
          this.pickerInitR1 = e.detail.value
          this.dateIndex1[1] = e.detail.value
        }
      },
      pickerColumnDept2(e) {
        if (e.detail.column == 0) {
          let arr = []
          arr = this.dateOptions_key[e.detail.value]
          this.$set(this.dateOptions, 1, arr)
          this.dateIndex2[0] = e.detail.value
          this.dateIndex2[1] = this.pickerInitR2
          let timern = setTimeout(() => {
            this.dateIndex2[1] = 0
            clearTimeout(timern)
          }, 100)
        } else {
          this.pickerInitR2 = e.detail.value
          this.dateIndex2[1] = e.detail.value
        }
      },
      /* 校验日期是否存在 */
      checkDuplicates(array) {
        for (var i = 0; i < array.length - 1; i++) {
          for (var j = i + 1; j < array.length; j++) {
            if (
              array[i].dateVal1 == array[j].dateVal1 &&
              array[i].dateVal2 == array[j].dateVal2 &&
              array[i].dateVal1 != '' &&
              array[i].dateVal2 != ''
            ) {
              return true
            }
          }
        }
        return false
      },
      benefitItemChange(list) {
        this.myChage = list;
      },
      positionCategory() {
        uni.setStorageSync('zwlbss_key', [])
        uni.navigateTo({
          url: '/pages_recruitMoney/recruitmentInformation/selectPositionCategory?index=2&type=2',
        })
      },
      tabClickxb(index) {
        this.sexual = index
      },
      tabClickgz(index) {
        this.workHours = index
        this.tiemList = [
          {
            index1: -1,
            index2: -1,
            time1: '',
            time2: '',
          },
        ]
      },
      tabClickyg(index) {
        this.recruitUse = index
        this.dateIndex1 = [0, 0]
        this.dateIndex2 = [0, 0]
        // this.dateVal1 = "";
        // this.dateVal2 = "";
        // this.dateVal1s = "";
        // this.dateVal2s = "";

        this.dateList = [
          {
            index1: -1,
            index2: -1,
            dateVal1: '',
            dateVal2: '',
            dateVal1s: '',
            dateVal2s: '',
          },
        ]
      },
      queding() {
        uni.redirectTo({
          url: '/pages_my/myIssue?type1=5',
        })
      },
      jcbdCancel() {
        let date = new Date()
        let that = this;
        this.releaseFullTime.publisherId = that.userInfo.id
        this.releaseFullTime.certificationId = that.userInfo.enterpriseId || ''
        this.releaseFullTime.bussinessType =
          that.userInfo.businessType == 0 ? '4' : that.userInfo.businessType
        this.releaseFullTime.positionCategory = this.positionCategorys
        this.releaseFullTime.genderRequirements = this.sexual
        this.releaseFullTime.salaryRange = that.salary + ',' + that.unit

        let tiemArr = this.tiemList.filter((el) => {
          return el.time1 != '' && el.time2 != ''
        })
        let workingHours = tiemArr
          .map((el) => {
            return el.time1 + ',' + el.time2
          })
          .join('|')
        this.releaseFullTime.workingHours = this.workHours == 1 ? '不限' : workingHours;
        this.releaseFullTime.fringeBenefits = this.myChage.map(v => v.valueName).join(',');
        if (this.recruitUse == 1) {
          this.releaseFullTime.employmentDate = '不限'
        } else {
          if (this.dateVal1s && this.dateVal2s) {
            this.releaseFullTime.employmentDate = this.dateVal1s + ',' + this.dateVal2s
          } else if (this.dateVal1s) {
            this.releaseFullTime.employmentDate = this.dateVal1s
          } else if (this.dateVal2s) {
            this.releaseFullTime.employmentDate = this.dateVal2s
          }
        }
        uni.setStorageSync(`${this.userInfo.phone}publish`, this.releaseFullTime)
        this.$refs.bindsRZ && this.$refs.bindsRZ.close()
        // this.Drafts(2);
      },
      confirmReceipt() {
        this.jcbdCancel();
        uni.redirectTo({
          url: '/pages_recruitMoney/my/certificationInformation',
        })
      },
      // 金额校验
      inputChage(e) {
        let length = 6
        // 数值中转
        let temp = e.target.value
        //  正则限制 3.. 以及 3.3.3的情况
        if (temp) {
          temp = temp
            .replace(/[^0-9.]|^\.|\.{2,}/g, '')
            .replace('.', '$#$')
            .replace(/\./g, '')
            .replace('$#$', '.')
          const point = temp.split('.')
          let decimals // 整数部分
          let positiveInteger // 小数部分
          // 先处理整数部分
          if (point[0]) {
            decimals = point[0].length > length ? point[0].slice(0, length) : point[0]
          }
          if (point[0].length > 1 && point[0].slice(0, 1) == '0') {
            decimals = point[0].slice(1, 2)
          }
          //  处理小数部分
          if (temp.includes('.')) {
            positiveInteger = point[1].length > 2 ? point[1].slice(0, 2) : point[1]
            temp = positiveInteger ? `${decimals}.${positiveInteger}` : `${decimals}.`
          } else {
            temp = decimals
          }
        }
        this.$nextTick(function () {
          this.salary = temp
        })
        this.releaseFullTime.salaryRange = this.salary + ',' + this.unit
      },
      init(id, index) {
        if (index == 1) {
          let that = this
          // 获取兼职数据
          this.$myRequest
            .get('/api/mobile/personnelOwner/getRecruitmentById', {
              id: id,
              userId: this.userInfo.id,
            })
            .then((res) => {
              let obj = res.recommendedPosition
              this.voitureId = res.recommendedPosition.id
              this.releaseFullTime.title = obj.title
              this.releaseFullTime.salaryRange = obj.salaryRange
              this.salary = obj.salaryRange.split(',')[0]
              this.unit = obj.salaryRange.split(',')[1]
              this.releaseFullTime.educationalRequirements = obj.educationalRequirements
              this.releaseFullTime.fringeBenefits = obj.fringeBenefits
              this.releaseFullTime.whetherAutoDelivery = obj.whetherAutoDelivery ? 1 : 0;
              if (obj.fringeBenefits) {
                let arr = obj.fringeBenefits.split(',')
                arr.forEach((v) => {
                  // if (this.type7.findIndex((item) => item.valueName == v) == "-1") {
                  // 	this.type7.push({
                  // 		valueName: v,
                  // 		active: true,
                  // 	});
                  // }
                  this.type7.forEach((element) => {
                    if (v == element.valueName) {
                      element.active = true
                    }
                  }, this)
                })
                this.myChage = this.type7.filter(v => v.active);
                console.log(this.myChage, 'this.myChage')
              }
              this.releaseFullTime.settlementMethod = obj.settlementMethod

              console.log(this.type5, 'this.type5')

              this.type5.forEach((element) => {
                if (this.releaseFullTime.settlementMethod == element.valueName) {
                  element.active = true
                } else {
                  element.active = false
                }
              })
              this.releaseFullTime.workCycle = obj.workCycle;
              this.setWorkCycle(obj.workCycle);
              this.releaseFullTime.positionCategory = obj.positionCategory
              this.positionCategorys = obj.positionCategory
              this.releaseFullTime.region = obj.region
              this.releaseFullTime.workLocation = obj.workLocation
              this.releaseFullTime.longitude = obj.longitude
              this.releaseFullTime.latitude = obj.latitude
              //this.releaseFullTime.contactNumber = obj.contactNumber;
              this.releaseFullTime.recruitersNumber = obj.recruitersNumber
              this.releaseFullTime.genderRequirements = obj.genderRequirements
              this.sexual = obj.genderRequirements
              this.releaseFullTime.workingHours = obj.workingHours
              if (obj.workingHours == '不限') {
                this.workHours == 1
              } else {
                this.tiemList = []
                this.workHours = 2
                obj.workingHours.split('|').forEach((el) => {
                  this.tiemList.push({
                    index1: -1,
                    index2: -1,
                    time1: el.split(',')[0],
                    time2: el.split(',')[1],
                  })
                })
              }
              this.releaseFullTime.employmentDate = obj.employmentDate
              if (obj.employmentDate == '不限') {
                this.recruitUse == 1
              } else {
                this.recruitUse = 0
                this.dateList = [];
                const datesList = obj.employmentDate.split('|');
                if (datesList.length) {
                  datesList.forEach(v => {
                    const dates = v.split(',');
                    const date1 = dates[0].split("-");
                    const date2 = dates[1].split("-");
                    const dateVal1s = `${date1[0]}-${date1[1]}-${date1[2]}`;
                    const dateVal2s = `${date2[0]}-${date2[1]}-${date2[2]}`;
                    const dateVal1 = `${date1[0]}年${date1[1]}月${date1[2]}日`;
                    const dateVal2 = `${date2[0]}年${date2[1]}月${date2[2]}日`;
                    this.dateList.push({
                      dateVal1s,
                      dateVal2s,
                      dateVal1,
                      dateVal2,
                    })
                  })
                }
              }
              this.releaseFullTime.jobDescription = obj.jobDescription
            })
        } else {
          // 获取兼职草稿箱数据
          this.$myRequest
            .get('/api/mobile/personnelOwner/getRecruitmentDraftsById', {
              id: id,
              userId: this.userInfo.id,
            })
            .then((res) => {
              let obj = res.recruitmentInformationDraft
              this.draftsId = res.recruitmentInformationDraft.id
              this.releaseFullTime.title = obj.title
              this.releaseFullTime.salaryRange = obj.salaryRange
              this.salary = obj.salaryRange.split(',')[0]
              this.unit = obj.salaryRange.split(',')[1]
              this.releaseFullTime.fringeBenefits = obj.fringeBenefits
              this.releaseFullTime.educationalRequirements = obj.educationalRequirements
              this.releaseFullTime.whetherAutoDelivery = obj.whetherAutoDelivery ? 1 : 0;
              if (obj.fringeBenefits) {
                let arr = obj.fringeBenefits.split(',')
                console.log(this.type7)
                arr.forEach((v) => {
                  const itemIndex = this.type7.findIndex((item) => item.valueName == v)
                  if (itemIndex >= 0) {
                    this.type7[itemIndex].active = true
                  } else {
                    this.type7.push({
                      valueName: v,
                      active: true,
                    })
                  }
                })
                this.myChage = this.type7.filter(v => v.active);
              }
              this.releaseFullTime.settlementMethod = obj.settlementMethod
              this.releaseFullTime.workCycle = obj.workCycle;
              this.setWorkCycle(obj.workCycle);
              this.releaseFullTime.positionCategory = obj.positionCategory
              this.positionCategorys = obj.positionCategory
              this.releaseFullTime.region = obj.region
              this.releaseFullTime.workLocation = obj.workLocation
              this.releaseFullTime.longitude = obj.longitude
              this.releaseFullTime.latitude = obj.latitude
              //this.releaseFullTime.contactNumber = obj.contactNumber;
              this.releaseFullTime.recruitersNumber = obj.recruitersNumber
              this.releaseFullTime.genderRequirements = obj.genderRequirements
              this.sexual = obj.genderRequirements
              this.releaseFullTime.workingHours = obj.workingHours
              if (obj.workingHours) {
                if (obj.workingHours == '不限') {
                  this.workHours == 1
                } else {
                  this.tiemList = []
                  this.workHours = 2
                  obj.workingHours.split('|').forEach((el) => {
                    this.tiemList.push({
                      index1: -1,
                      index2: -1,
                      time1: el.split(',')[0],
                      time2: el.split(',')[1],
                    })
                  })
                }
              }
              this.releaseFullTime.employmentDate = obj.employmentDate
              if (obj.employmentDate) {
                if (obj.employmentDate == '不限') {
                  this.recruitUse == 1
                } else {
                  this.recruitUse = 0;
                  this.dateList = [];
                  const datesList = obj.employmentDate.split('|');
                  if (datesList.length) {
                    datesList.forEach(v => {
                      const dates = v.split(',');
                      const date1 = dates[0].split("-");
                      const date2 = dates[1].split("-");
                      const dateVal1s = `${date1[0]}-${date1[1]}-${date1[2]}`;
                      const dateVal2s = `${date2[0]}-${date2[1]}-${date2[2]}`;
                      const dateVal1 = `${date1[0]}年${date1[1]}月${date1[2]}日`;
                      const dateVal2 = `${date2[0]}年${date2[1]}月${date2[2]}日`;
                      this.dateList.push({
                        dateVal1s,
                        dateVal2s,
                        dateVal1,
                        dateVal2,
                      })
                    })
                  }
                }
              }
              this.releaseFullTime.jobDescription = obj.jobDescription
            })
        }
      },
      // 根据接口渲染工作周期
      setWorkCycle(valueName){
        this.type6.forEach(v => {
          v.active = v.valueName === valueName;
        })
      },
      // 保存草稿
      Drafts(type) {
        let that = this
        this.showCommon.benefit = false;
        let date = new Date()
        if (this.anti_shake) {
          return false
        }
        let status = true
		if (this.index==1){//是发布的修改数据
			 this.releaseFullTime.oldId = this.voitureId ?this.voitureId:''
		}
        this.releaseFullTime.id = this.draftsId ? this.draftsId : ''
        this.releaseFullTime.publisherId = that.userInfo.id
        this.releaseFullTime.certificationId = that.userInfo.enterpriseId || ''
        this.releaseFullTime.bussinessType =
          that.userInfo.businessType == 0 ? '4' : that.userInfo.businessType
        this.releaseFullTime.positionCategory = this.positionCategorys
        if (that.releaseFullTime.title == '') {
          uni.showToast({
            title: '请填写标题',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        let tiemArr = this.tiemList.filter((el) => {
          return el.time1 != '' && el.time2 != ''
        })
        let workingHours = tiemArr
          .map((el) => {
            return el.time1 + ',' + el.time2
          })
          .join('|')
        if (this.workHours == 2 && tiemArr.length == 0) {
          uni.showToast({
            title: '请选择工作时段',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }

        if (this.releaseFullTime.jobDescription == '') {
          uni.showToast({
            title: '请填写职位描述',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        console.log('this.dateList', this.dateList)
        let dateArr = this.dateList.filter((el) => {
          return el.dateVal1s != '' && el.dateVal2s != ''
        })
        let workingDates = dateArr
          .map((el) => {
            return el.dateVal1s + ',' + el.dateVal2s
          })
          .join('|')
        if (this.recruitUse == 0 && dateArr.length == 0) {
          uni.showToast({
            title: '请选择用工日期',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        this.releaseFullTime.genderRequirements = this.sexual
        this.releaseFullTime.salaryRange = that.salary + ',' + that.unit

        if (that.myChage.length == 0) {
          uni.showToast({
            title: '请选择福利待遇',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        let fringeBenefitsType = []
        this.myChage.forEach((v) => {
          fringeBenefitsType.push(v.valueName || v)
        })
        this.releaseFullTime.fringeBenefits = fringeBenefitsType.join(',')

        this.releaseFullTime.workingHours = this.workHours == 1 ? '不限' : workingHours
        if (this.recruitUse == 1) {
          this.releaseFullTime.employmentDate = '不限'
        } else {
          this.releaseFullTime.employmentDate = workingDates
		 
          // if (this.dateVal1s && this.dateVal2s) {
          // 	this.releaseFullTime.employmentDate = this.dateVal1s + "," + this.dateVal2s;
          // } else if (this.dateVal1s) {
          // 	this.releaseFullTime.employmentDate = this.dateVal1s;
          // } else if (this.dateVal2s) {
          // 	this.releaseFullTime.employmentDate = this.dateVal2s;
          // }
        }
        if (status) {
          this.releaseFullTime.whetherAutoDelivery = Number(this.releaseFullTime.whetherAutoDelivery);
          this.anti_shake = true 
          this.$myRequest
            .post(
              '/api/mobile/personnelOwner/increaseOrModifyRecruitmentDrafts',
              this.releaseFullTime
            )
            .then((res) => {
              if (type) return
              if (res.code == 200) {
                uni.showToast({
                  title: '保存草稿箱成功',
                  icon: 'none',
                  mask: true,
                })
                setTimeout(() => {
                  this.anti_shake = false
                }, 500)
                uni.removeStorageSync(`${this.userInfo.phone}publish`)
                setTimeout(() => {
                  // uni.redirectTo({
                  // 	url: "/pages_my/myIssue?type1=4",
                  // });
                  uni.redirectTo({
                    url: '/pages_my/myIssue',
                  })
                }, 1000)
              }
            })
        }
      },
      // 获取个人认证
      async grrz_init() {
        let data = ''
        await this.$myRequest
          .get('/api/mobile/personnelOwner/getPersonalAuthenticationByUserId', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            data = res
          })
        return data
      },
      async getUserPhone() {
        let that = this;
        // this.phone = this.userInfo.phone
        const res = await this.$myRequest.get('/mob/login/getUserInfoByPhone', {
          phone: that.userInfo.phone,
        });
        // console.log(res);
        that.userInfo = res.userInfo;
        uni.setStorageSync('Pduser', res.userInfo);
        that.$store.dispatch('user/login', res.userInfo);
      },
      async release() {
        let that = this;
        this.showCommon.benefit = false;
        // let grrz_chage = await this.grrz_init();
        await this.getUserPhone();
        if (
          this.userInfo.businessType == 0 &&
          this.userInfo.personalRecruitmentStatus != 1 &&
          this.userInfo.enterpriseRecruitmentStatus != 1
        ) {
          // businessType = 0&& enterpriseRecruitmentStatus == 0为普通用户，businessType = 0 && enterpriseRecruitmentStatus == 1为企业

          this.$refs.bindsRZ.open()
          return
        }
        // if(!grrz_chage.personalCertification){
        // 	this.$refs.bindsRZ.open()
        // 	return
        // }else{
        // 	if(grrz_chage.personalCertification &&grrz_chage.personalCertification.auditStatus == 0){
        // 		uni.redirectTo({
        // 			url: "/pages_recruitMoney/my/certificationInformation"
        // 		});
        // 		return
        // 	}
        // }
        // if(this.userInfo.enterpriseRecruitmentStatus != 1 && this.userInfo.personalRecruitmentStatus != 1){
        // 	this.$refs.bindsRZ.open()
        // 	return
        // }
        if (this.anti_shake) {
          return false
        }
        var status = true
        this.releaseFullTime.id = this.voitureId ? this.voitureId : ''
        this.releaseFullTime.publisherId = that.userInfo.id
        this.releaseFullTime.certificationId = that.userInfo.enterpriseId || ''
        this.releaseFullTime.bussinessType =
          this.userInfo.businessType == 0 || !this.userInfo.businessType
            ? '4'
            : that.userInfo.businessType
        if (!this.checked) {
          // uni.showToast({
          // 	title: "请同意协议",
          // 	icon: "none",
          // 	mask: true,
          // });
          this.show2 = true
          status = false
          return false
        }
        if (that.releaseFullTime.title == '') {
          uni.showToast({
            title: '请填写标题',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.releaseFullTime.recruitersNumber == '') {
          uni.showToast({
            title: '请填写本次招聘人数',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.releaseFullTime.educationalRequirements == '') {
          uni.showToast({
            title: '请选择学历要求',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.salary == '') {
          uni.showToast({
            title: '请填写薪资',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.unit == '') {
          uni.showToast({
            title: '请选择薪资单位',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        this.releaseFullTime.salaryRange = that.salary + ',' + that.unit
        if (that.releaseFullTime.settlementMethod == '') {
          uni.showToast({
            title: '请选择结算方式',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }

        if (that.myChage.length == 0) {
          uni.showToast({
            title: '请选择福利待遇',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }

        if (that.releaseFullTime.workCycle == '') {
          uni.showToast({
            title: '请选择工作周期',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.positionCategorys == '') {
          uni.showToast({
            title: '请选择职位类别',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (this.contactNumberList[0].contactWay == '') {
          uni.showToast({
            title: '请输入联系电话',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (!this.checkMobile(this.contactNumberList[0].contactWay)) {
          uni.showToast({
            title: '请输入正确的手机号或座机号码',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (this.isShowContactNumberEdit2) {
          // if (this.contactNumberList[1].contactWay == '') {
          //   uni.showToast({
          //     title: '请输入第二个联系电话',
          //     icon: 'none',
          //     mask: true,
          //   })
          //   status = false
          //   return false
          // }
          if (this.contactNumberList[1].contactWay && !this.checkMobile(this.contactNumberList[1].contactWay)) {
            uni.showToast({
              title: '请输入正确的手机号或座机号码',
              icon: 'none',
              mask: true,
            })
            status = false
            return false
          }
        }
        console.log('this.contactNumberList', this.contactNumberList)
        let contactNumberType = []
        this.contactNumberList.forEach((v) => {
          contactNumberType.push(v.contactWay)
        })
        this.releaseFullTime.contactNumber = contactNumberType.join(',')
        //this.
        // if (this.releaseFullTime.contactNumber == "") {
        // 	uni.showToast({
        // 		title: "请输入联系电话",
        // 		icon: "none",
        // 		mask: true,
        // 	});
        // 	status = false;
        // 	return false;
        // }
        // if (!this.checkMobile(this.releaseFullTime.contactNumber)) {
        // 	uni.showToast({
        // 		title: "请输入正确的手机号或座机号码",
        // 		icon: "none",
        // 		mask: true,
        // 	});
        // 	status = false;
        // 	return false;
        // }
        this.releaseFullTime.positionCategory = this.positionCategorys
        if (that.releaseFullTime.region == '') {
          uni.showToast({
            title: '请选择所在区域',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.releaseFullTime.workLocation == '' || that.releaseFullTime.longitude == '') {
          uni.showToast({
            title: '请选择工作地点',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        if (that.releaseFullTime.jobDescription == '') {
          uni.showToast({
            title: '请填写职位描述',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        let tiemArr = this.tiemList.filter((el) => {
          return el.time1 != '' && el.time2 != ''
        })
        let workingHours = tiemArr
          .map((el) => {
            return el.time1 + ',' + el.time2
          })
          .join('|')
        if (this.workHours == 2 && tiemArr.length == 0) {
          uni.showToast({
            title: '请选择工作时段',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        console.log('this.dateList', this.dateList)
        let dateArr = this.dateList.filter((el) => {
          return el.dateVal1s != '' && el.dateVal2s != ''
        })
        let workingDates = dateArr
          .map((el) => {
            return el.dateVal1s + ',' + el.dateVal2s
          })
          .join('|')
        if (this.recruitUse == 0 && dateArr.length == 0) {
          uni.showToast({
            title: '请选择用工日期',
            icon: 'none',
            mask: true,
          })
          status = false
          return false
        }
        this.releaseFullTime.genderRequirements = this.sexual
        let fringeBenefitsType = []
        this.myChage.forEach((v) => {
          fringeBenefitsType.push(v.valueName || v)
        })
        this.releaseFullTime.fringeBenefits = fringeBenefitsType.join(',')
        this.releaseFullTime.workingHours = this.workHours == 1 ? '不限' : workingHours
        let date = new Date()
        if (this.recruitUse == 1) {
          this.releaseFullTime.employmentDate = '不限'
        } else {
          this.releaseFullTime.employmentDate = workingDates
          // if (this.dateVal1s && this.dateVal2s) {
          // 	this.releaseFullTime.employmentDate = this.dateVal1s + "," + this.dateVal2s;
          // } else if (this.dateVal1s) {
          // 	this.releaseFullTime.employmentDate = this.dateVal1s;
          // } else if (this.dateVal2s) {
          // 	this.releaseFullTime.employmentDate = this.dateVal2s;
          // }
        }

        if (status) {
          this.anti_shake = true;
          this.releaseFullTime.whetherAutoDelivery = Number(this.releaseFullTime.whetherAutoDelivery);
          console.log('this.releaseFullTime.param', this.releaseFullTime)
          //return;
          this.$myRequest
            .post('/api/mobile/personnelOwner/publishRecruitment', this.releaseFullTime)
            .then((res) => {
              if (res.code == 200) {
                // 发布成功更新手机号信息 后台处理电话
                // for (var i = 0; i < this.contactNumberList.length; i++) {
                //   if (i == 1 && !this.isShowContactNumberEdit2) {
                //     continue
                //   }
                //   this.saveUserContact(
                //     this.contactNumberList[i].id,
                //     this.contactNumberList[i].contactWay
                //   )
                // }
                if (this.draftsId) {
                  that.$myRequest
                    .post('/api/mobile/personnelOwner/removeRecruitmentDraftsByIds', {
                      ids: this.draftsId,
                    })
                    .then((res) => {})
                }
                uni.getStorageSync(`${this.userInfo.phone}publish`) &&
                  uni.removeStorageSync(`${this.userInfo.phone}publish`)
                this.$refs.binds.open()
                setTimeout(() => {
                  this.anti_shake = false
                }, 500)
                setTimeout(() => {
                  this.$refs.binds.close()
                }, 2000)
                setTimeout(() => {
                  uni.navigateBack()
                }, 3000)
              }
            })
        }
      },
      getType(flag) {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/queryDataDictionaryList', {
            type: '4,5,6,7,3',
          })
          .then((res) => {
            res.dataDictionaryList.forEach((el) => {
              el.active = false
              if (el.type == 4) {
                that.type4.push({
                  value: el.valueName,
                  text: el.valueName,
                })
              } else if (el.type == 5) {
                //that.type5.push({ value: el.valueName, text: el.valueName });
                if (el.valueName === '日结') {
                  el.active = true
                }
                that.type5.push(el)
              } else if (el.type == 6) {
                if (el.valueName === '短期兼职（小于2个月）') {
                  el.active = true
                  that.releaseFullTime.workCycle = el.valueName
                }
                that.type6.push(el)
                //that.type6.push({ value: el.valueName, text: el.valueName });
              } else if (el.type == 7) {
                if (!that.type7.length) {
                  that.type7.push(el)
                } else {
                  const isExist = that.type7.some((v) => v.valueName === el.valueName)
                  if (!isExist) that.type7.push(el)
                }
              } else if (el.type == 3) {
                that.type3.push({
                  value: el.valueName,
                  text: el.valueName,
                })
              }
            })
            this.type3.unshift({
              value: '不限',
              text: '不限',
            })
            if (flag) {
            }
          })
        this.$myRequest
          .get('/mob/home/getDictionaries', {
            type: '7',
          })
          .then((res) => {
            res.list.forEach((el) => {
              el.active = false
              if (el.type == 7) {
                that.type8.push({
                  value: el.valueName,
                  text: el.valueName,
                })
              }
            })
          })
      },
      getLocation1() {
        if (this.userAddressList.length >= 5) return false;
        let _this = this;
        uni.getLocation({
          type: 'gcj02',
          highAccuracyExpireTime: '3000',
          success(res) {
            console.log(res)
            _this.releaseFullTime.latitude = res.latitude
            _this.releaseFullTime.longitude = res.longitude
            _this.addOpenMap()
          },
          fail:(res) => {
            console.log(res, '经纬度没有授权');
            this.$SHOWMODAL_TO_SETTINGS();
            uni.setStorageSync('locationState', 0)
            if (uni.getStorageSync('locationState') == 0) {
      //         uni.showModal({
      //           title: '提示',
      //           content: '您已关闭位置权限或获取位置信息失败，请修改权限获取定位。',
      //           confirmText: '立即设置',
      //           success: (res) => {
      //             if (res.confirm) {
      //               // #ifdef APP
      //               uni.openAppAuthorizeSetting({
      //                 success (res) {
      //                   console.log(res)
      //                 }
      //               })
      //               // #endif
      //               // #ifdef MP-WEIXIN
      //               uni.authorize({
      //                 scope: 'scope.userLocation',
      //                 success: (res) => console.log(res),
      //                 fail: (err) => console.log(err)
      //               });
      //               // #endif
      //               // #ifdef H5
      //               // H5会自动弹出权限请求
      //               navigator.geolocation.getCurrentPosition(
      //                 (res) => console.log(res),
      //                 (err) => console.log(err),
      //                 { maximumAge: 5000, timeout: 5000 }
      //               );
      //               // #endif
      //             }
				  // popup.close()
      //           },
      //         })
              return false
            }
          },
        })
      },
      confirmAddressEdit(row) {
        let ifOne = false
        if (this.userAddressList?.length == 0 || !this.userAddressList) {
          ifOne = true
        } else if (row.id == this.userAddressList[0].id) {
          ifOne = true
        }
        row.ifOne = ifOne

        this.$myRequest
          .post('/api/mobile/personnelOwner/saveUserWorkLocation', row)
          .then((response) => {
            this.getCurrentUserAddress()
            this.currentAddressEditItem = 0
          })
      },
       openMap(row) {
        let that = this;
        if (this.userAddressList.length >= 5) {
          return
        }
        let isOnly = false;
        if (row.id || row.userId) {
          // 编辑
          uni.chooseLocation({
            latitude: row.latitude,
            longitude: row.longitude,
            success: function (res) {
              row.location = res.address
              row.latitude = res.latitude
              row.longitude = res.longitude
            },
          })
        } else {
          // 新增
          uni.chooseLocation({
            latitude: row.latitude,
            longitude: row.longitude,
            success: function (res) {
              if (isOnly) {
                that.releaseFullTime.workLocation = res.address
                that.releaseFullTime.latitude = res.latitude
                that.releaseFullTime.longitude = res.longitude
              }
              let ifOne = false
              if (that.userAddressList?.length == 0 || !that.userAddressList) {
                ifOne = true
              }

              that.$myRequest
                .post('/api/mobile/personnelOwner/saveUserWorkLocation', {
                  userId: that.userInfo.id,
                  location: res.address,
                  latitude: res.latitude,
                  longitude: res.longitude,
                  whetherDefault: isOnly ? 1 : 0,
                  ifOne: ifOne,
                })
                .then((response) => {
                  that.getCurrentUserAddress()
                })
            },
          })
        }
      },
	    addOpenMap(){
        let that = this;
        // 新增
        uni.chooseLocation({
          latitude: that.releaseFullTime.latitude,
          longitude: that.releaseFullTime.longitude,
          success: function (res) {
            that.releaseFullTime.workLocation = res.address
            that.releaseFullTime.latitude = res.latitude
            that.releaseFullTime.longitude = res.longitude
            let ifOne = false
            if (that.userAddressList?.length == 0 || !that.userAddressList) {
              ifOne = true
            }
            let isOnly = false;
        
            that.$myRequest
              .post('/api/mobile/personnelOwner/saveUserWorkLocation', {
                userId: that.userInfo.id,
                location: res.address,
                latitude: res.latitude,
                longitude: res.longitude,
                whetherDefault: isOnly ? 1 : 0,
                ifOne: ifOne,
              })
              .then((response) => {
                that.getCurrentUserAddress()
              })
          },
        })
      },
      fanhui() {
        // let date = new Date();
        // let that = this;
        // // this.releaseFullTime.id = this.draftsId ? this.draftsId : "";
        // this.releaseFullTime.publisherId = that.userInfo.id;
        // this.releaseFullTime.certificationId = that.userInfo.enterpriseId || "";
        // this.releaseFullTime.bussinessType =
        //   that.userInfo.businessType == 0 ? "4" : that.userInfo.businessType;
        // this.releaseFullTime.positionCategory = this.positionCategorys;
        // this.releaseFullTime.genderRequirements = this.sexual;
        // this.releaseFullTime.salaryRange = that.salary + "," + that.unit;
        // this.releaseFullTime.fringeBenefits = this.myChage.join(",");
        // // this.releaseFullTime.workingHours =
        // //   this.workHours == 1 ? "不限" : this.timeVal1 + "," + this.timeVal2;
        // if (this.recruitUse == 1) {
        //   this.releaseFullTime.employmentDate = "不限";
        // } else {
        //   if (this.dateVal1s && this.dateVal2s) {
        //     this.releaseFullTime.employmentDate = this.dateVal1s + "," + this.dateVal2s;
        //   } else if (this.dateVal1s) {
        //     this.releaseFullTime.employmentDate = this.dateVal1s;
        //   } else if (this.dateVal2s) {
        //     this.releaseFullTime.employmentDate = this.dateVal2s;
        //   }
        // }
        // uni.setStorageSync(`${this.userInfo.phone}publish`, this.releaseFullTime);
        uni.navigateBack({
          delta: 1,
        })
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.jinzhifx(re.data)
          },
        })
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['hideMenuItems'],
        })
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            'menuItem:share:appMessage',
            'menuItem:share:timeline',
            'menuItem:share:timeline',
            'menuItem:share:qq',
            'menuItem:favorite',
            'menuItem:share:QZone',
            'menuItem:openWithSafari',
          ],
        })
      },
      toUs(type) {
        uni.navigateTo({
          url: '/pages_my/Us?type=' + type,
        })
      },
      xiaoqu() {
        let _this = this
        uni.request({
          url: 'https://apis.map.qq.com/ws/place/v1/suggestion',
          method: 'get',
          data: {
            keyword: this.cellName,
            region: '山东省青岛市平度市',
            region_fix: 1,
            key: 'OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77',
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          success(res) {
            console.log(res)
          },
        })
      },
      ViewImagehj(e) {
        let imgList = []
        this.environmentArr.forEach((e) => {
          imgList.push(this.$imgSrc + e)
        })
        uni.previewImage({
          urls: imgList,
          current: this.$imgSrc + e.currentTarget.dataset.url,
        })
      },
      DelImghj(e) {
        uni.showModal({
          title: '',
          content: '确定要删除该图片？',
          cancelText: '取消',
          confirmText: '确定',
          success: (res) => {
            if (res.confirm) {
              this.environmentArr.splice(e.currentTarget.dataset.index, 1)
            }
          },
        })
      },
      async ChooseImages(menthType, type) {
        if (menthType == 0) {
          this.ChooseImage(type)
        }
      },
      ChooseImage(type) {
        let _this = this
        uni.chooseImage({
          count: 9 - _this.environmentArr.length,
          sizeType: ['copressed'],
          sourceType: ['camera', 'album'],
          success(res) {
            //因为有一张图片， 输出下标[0]， 直接输出地址
            var imgFiles = res.tempFilePaths
            const tempFiles = res.tempFiles
            let resSize = tempFiles[0].size
            if (resSize > 20971520) {
              uni.showToast({
                title: '上传图片大小不能超过20MB',
                icon: 'error',
              })
              return
            }
            if (_this.environmentArr.length + imgFiles.length > 9) {
              uni.showToast({
                title: '图片最多不能超过9张',
                duration: 2000,
                icon: 'none',
              })
              return
            }
            let panduan = false
            tempFiles.forEach((i, j) => {
              let length = '',resType;
              // #ifdef H5
              length = i.name.length
              resType = i.name.substring(length - 1, length)
              // #endif
              // #ifndef H5
              length = i.path.length
              resType = i.path.substring(length - 1, length)
              // #endif
              if (resType != 'g' && resType != 'G') {
                panduan = true
              }
            })
            if (panduan) {
              uni.showToast({
                title: '不支持当前文件格式',
                icon: 'none',
              })
              return
            }
            var uper
            imgFiles.forEach((el, index) => {
              uni.showToast({
                title: '正在上传请稍后',
                icon: 'none',
                duration: 2000,
              })
              _this.environmentList.push({
                percent: 0,
              })
              uper = uni.uploadFile({
                // 需要上传的地址
                url: 'https://www.bangbangtongcheng.com/conven/ht/attach/qnUpload',
                // filePath  需要上传的文件
                filePath: el,
                name: 'file',
                success(res1) {
                  _this.environmentArr.push(JSON.parse(res1.data).data[0].url)
                  _this.environmentList.splice(index, 1)
                },
                fail: (err) => {
                  uni.showModal({
                    content: err.errMsg,
                    showCancel: false,
                  })
                },
              })
              // onProgressUpdate 上传对象更新的方法
              uper.onProgressUpdate(function (res) {
                _this.environmentList[index].percent = Number(res.progress)
              })
            })
          },
          fail: (fail) => {
            if (this.$userActiveCancalAct.some(v => fail.errMsg.includes(v.failMsg))) {
              return false;
            }
            this.$SHOWMODAL_TO_SETTINGS();
          },
        })
      },
    },
  }
</script>
<style lang="less" scoped>
  .textarea-placeholder {
    color: #cccccc;
    font-size: 24rpx;
  }

  page {
    width: 750rpx;
    overflow: hidden;
  }

  .seclector-box {
    position: absolute;
    top: 90%;
    left: 0;
    z-index: 3;
    padding: 20rpx 10rpx;
    display: flex;
    flex-wrap: wrap;
    background: #f5f7f9;
    border: 2rpx solid #ebebed;
    border-radius: 10rpx;
    box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(24, 97, 93, 0.1);
    transition: all 0.3s ease-in-out;

    .work-btn {
      margin: 10rpx;
      display: inline-block;
      width: 140rpx;
      height: 60rpx;
      line-height: 60rpx;
      text-align: center;
      font-size: 24rpx;
      color: #666;
      background: #fff;
      border: 2rpx solid #999;
      border-radius: 13rpx;
    }

    .checked {
      position: relative;
      color: #0fa291;
      background: #e7f5f4;

      &:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 28rpx;
        height: 28rpx;
        background: url('https://pic.bangbangtongcheng.com/static/bbzc/checked-tag.png') center
          no-repeat;
        background-size: 100% 100%;
      }
    }
  }

  .arrow-right {
    margin-left: auto;
    width: 48rpx;
    height: 48rpx;
    transition: all 0.3s ease-in-out;
  }

  .open {
    transform: rotate(-90deg);
  }

  .bindPublicSuccess_frame {
    overflow: hidden;
    width: 560rpx;
    height: 159rpx;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10rpx;
    font-weight: 500;
    font-size: 28rpx;
    color: #ffffff;
    line-height: 40rpx;
    text-align: center;

    image {
      width: 28rpx;
      height: 28rpx;
    }

    .binds_frame_t {
      margin-top: 31rpx;
      margin-bottom: 19rpx;
    }

    .binds_frame_c {
    }
  }

  .bindViewExample_frame {
    background-color: #ffffff;
    padding: 38rpx 20rpx;
    padding-bottom: 45rpx;
    border-radius: 30rpx 30rpx 0rpx 0rpx;

    .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 34rpx;

      .title_center {
        font-size: 34rpx;
        font-weight: 600;
        color: #000000;
      }

      .title_right {
        font-size: 36rpx;
        font-weight: normal;
        color: #64b6a8;
      }

      image {
        width: 30rpx;
        height: 30rpx;
      }
    }

    .center {
      background: #f5f7f9;
      border-radius: 10rpx;
      padding: 10rpx 20rpx;
      margin-bottom: 30rpx;
      font-weight: 400;
      font-size: 28rpx;
      color: #333333;
      line-height: 56rpx;
    }

    .bottomGroup {
      display: flex;
      justify-content: space-around;

      view {
        width: 325rpx;
        height: 90rpx;
        border-radius: 45rpx;
        text-align: center;
        line-height: 90rpx;
        font-weight: 500;
        font-size: 32rpx;
        display: flex;
        align-items: center;
        justify-content: center;

        image {
          width: 32rpx;
          height: 32rpx;
          margin-right: 20rpx;
        }
      }

      .bottoms1 {
        background: #0fa291;
        color: #ffffff;
      }

      .bottoms2 {
        border: 2rpx solid #0fa291;
        color: #0fa291;
        background: #e7f5f4;
      }
    }
  }

  .fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 40;
  }

  .yszcTip {
    align-items: center;
    width: 710rpx;
    margin: 0rpx auto;
    justify-content: center;
  }

  .agreementCheckbox {
    width: 28rpx;
    height: 28rpx;
    margin-right: 10rpx;

    image {
      width: 100%;
      height: 100%;
    }
  }

  .callPhoneSetButton {
    display: flex;
    font-weight: 400;
    font-size: 24rpx;
    color: #666666;
    align-items: center;
    padding: 38rpx 20rpx;
    background: white;
    border-radius: 0rpx 0rpx 20rpx 20rpx;
  }

  .background {
    background-color: #fff;
  }

  .shangchuan {
    padding-top: 30rpx;
    background-color: #fff;
  }

  .image_yjt {
    width: 48rpx;
    height: 48rpx;
  }

  .salary {
    flex: 1;
    display: flex;
    align-items: center;
    padding-right: 40rpx;

    .salary_input {
      width: 150rpx;
      height: 60rpx;
      padding: 10rpx;
      border-radius: 8rpx;
      border: 2rpx solid #999999;
    }

    .salary_span {
      font-size: 34rpx;
      font-weight: normal;
      color: #333333;
      margin: 0 14rpx;
    }
  }

  /deep/ .uni-select {
    // padding-left: 0;
    // padding: 0 8rpx;
    // font-size: 24rpx;
    // text-align: center;
    border: none;
    text-align: left;
    padding: 0rpx;
  }

  /deep/ .uni-select__selector {
    //width: 710rpx;
    background-color: #f5f7f9;
  }

  /deep/ .uni-scroll-view-content {
    display: flex;
    flex-wrap: wrap;
  }

  /deep/ .uni-popper__arrow::after {
    border-bottom-color: #f5f7f9;
  }

  /deep/ .uni-select__selector-item {
    //background-color: red;
    //width: 150rpx;
    height: 60rpx;
    background: #ffffff;
    border-radius: 10rpx;
    border: 2rpx solid #ebebed;
    text-align: center;
    line-height: 60rpx;
    margin: 6rpx;
    font-weight: 400;
    font-size: 28rpx;
    color: #333333;
  }

  /deep/ .uni-select__selector-item--selected {
    background: #e7f5f4 !important;
    border: 2rpx solid #0fa291 !important;
    color: #0fa291 !important;

    background-image: url(https://pic.bangbangtongcheng.com/static/selectd-zhaocai-index.png) !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
    background-size: 28rpx 28rpx !important;
  }

  .timeInterval {
    background-color: #fff;
    border-top: 2rpx solid #eee;
    border-bottom: 2rpx solid #eee;
    padding: 20rpx 30rpx;

    .time_top {
      display: flex;
      align-items: center;

      .title {
        // font-weight: 600;
        // font-size: 34rpx;
        // text-align: justify;
        // line-height: 30px;
        // margin-right: 30rpx;
        font-weight: 400;
        font-size: 28rpx;
        padding-right: 0rpx !important;
      }
    }
  }

  .selector_box {
    width: 100%;

    .selector {
      display: flex;
      justify-content: center;
      .selected_item {
        height: 70rpx;
        border-radius: 10rpx;
        border: 2rpx solid #ebebed;
        .center_text {
          margin: 0 10rpx;
        }
        &.time {
          width: 340rpx;
        }
        &.date {
          width: 540rpx;
        }
      }
      .selector_item {
        width: 240rpx;
      }
    }
  }

  .selector_box1 {
    // display: flex;
    // justify-content: flex-end;
    width: auto;

    .selector {
      // .selector_item {
      //   width: 240rpx;
      // }
    }
  }

  .selector {
    display: flex;
    align-items: center;
    margin-bottom: 20rpx;

    .selector_item {
      width: 210rpx;
      height: 60rpx;
      background-color: #ffffff;
      border-radius: 8rpx;
      //border: 2rpx solid #999999;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      font-size: 28rpx;
      color: #333333;
      white-space: nowrap;
      .image {
        width: 22rpx;
        height: 22rpx;
      }
    }
  }

  .selector:last-child {
    margin-bottom: 0;
  }

  .xbRadio {
    flex: 1;
    display: flex;
    align-items: center;

    .radio {
      min-width: 130rpx;
      display: flex;
      align-items: center;
      margin-right: 0;

      .radio_item {
        width: 36rpx;
        height: 36rpx;
        border: 2rpx solid #c9c9c9;
        border-radius: 36rpx;
        margin-right: 14rpx;
      }

      span {
        font-size: 28rpx;
        font-weight: 500;
        color: #333333;
      }

      .radioxz {
        border: 2rpx solid #64b6a8;
        position: relative;
      }

      .radioxz::before {
        content: '';
        width: 24rpx;
        height: 24rpx;
        border-radius: 24rpx;
        background-color: #64b6a8;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }

    .xzsj {
      flex: 1;
      display: flex;
      align-items: center;

      uni-picker {
        width: unset;
        border: 2rpx solid #999999;
        height: 60rpx;
        border-radius: 8rpx;
      }
    }
  }

  .cu-dialog {
    max-width: 100%;
    width: 600rpx;
  }

  .tittit {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #f8f8f8;
    z-index: 9999;
    max-width: 100%;
    width: 600rpx;
    transition-duration: 0.3s;
    transform: translateX(100%);
    text-align: center;
    line-height: 80rpx;
    font-size: 30rpx;
    border-bottom: 2rpx solid #cccccc;

    view {
      position: absolute;
      top: 0rpx;
      left: 20rpx;
      color: #999999;
      font-size: 54rpx;
      font-weight: 100;
    }
  }

  .show .tittit {
    transform: translateX(0%);
  }

  .list-cell {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 24rpx;
    overflow: hidden;
    color: #323233;
    font-size: 14px;
    line-height: 24px;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;

    .list-cell-left {
      display: flex;
      align-items: center;

      .list-cell-left-image {
        width: 60rpx;
        height: 60rpx;
        margin-right: 17rpx;
      }
    }

    .list-cell-right {
      width: 40rpx;
      height: 40rpx;
    }
  }

  .buxian {
    height: 80rpx;
    display: flex;
    align-items: center;
    padding-left: 20rpx;
  }

  .vehicleBrand {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100rpx;

    .vehicleBrand_image {
      width: 100rpx;
      height: 80rpx;
    }

    .vehicleBrand_span {
      font-size: 40rpx;
      font-weight: 400;
      color: #333333;
      margin-left: 5rpx;
    }
  }

  .vehicleBrand-xzcx {
    width: 100%;
    height: 50rpx;
    background-color: #f2f2f2;
    line-height: 50rpx;
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
    padding-left: 40rpx;
  }

  .vehicleBrand_item {
    display: flex;
    align-items: center;
    margin-bottom: 40rpx;

    .vehicleBrand_item_image {
      width: 142rpx;
      height: 75rpx;
      border-radius: 12rpx;
      margin-left: 50rpx;
    }

    .vehicleBrand_item_span {
      font-size: 30rpx;
      font-weight: 500;
      color: #6f6f6f;
      margin-left: 30rpx;
    }
  }

  /deep/uni-switch .uni-switch-input.uni-switch-input-checked {
    background-color: #0fa291 !important;
  }

  /deep/ uni-switch::after,
  uni-switch::before {
    content: '';
  }

  /deep/uni-switch .wx-switch-input,
  /deep/uni-switch .uni-switch-input {
    width: 80rpx;
    height: 40rpx;
    background-color: #8799a3 !important;
  }

  /deep/uni-switch .wx-switch-input::after,
  /deep/uni-switch .uni-switch-input::after {
    width: 45rpx;
    height: 40rpx;
  }

  .commonScreenContentLi {
    width: 150rpx;
    height: 60rpx;
    background: #ffffff;
    border-radius: 10rpx;
    border: 2rpx solid #ebebed;
    text-align: center;
    line-height: 60rpx;
    margin: 6rpx;
    font-weight: 400;
    font-size: 28rpx;
    color: #333333;
  }

  .commonScreenContentXuan {
    background: #e7f5f4;
    border: 2rpx solid #0fa291;
    color: #0fa291;
    position: relative;
    &::after {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      content: '';
  
      background-image: url(https://pic.bangbangtongcheng.com/static/selectd-zhaocai-index.png);
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: 28rpx 28rpx;
    }
  }

  .cutTop {
    height: 110rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
  }

  .tijiao .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 40rpx;
    margin-top: 25rpx;

    image {
      margin-right: 16rpx;
    }

    .releaseBtn {
      // width: 297rpx;
      // height: 80rpx;
      // background-color: #64b6a8;
      // border-radius: 49rpx;
      // font-size: 34rpx;
      // font-weight: 400;
      // color: #ffffff;
      // text-align: center;
      // line-height: 80rpx;
      width: 325rpx;
      height: 90rpx;
      background: #0fa291;
      border-radius: 45rpx;
      border: 2rpx solid #0fa291;
      font-weight: 500;
      font-size: 32rpx;
      color: #ffffff;
      line-height: 90rpx;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .hide {
      background: #999;
      border: none;
    }

    .draftBtn {
      // width: 297rpx;
      // height: 80rpx;
      // border-radius: 49rpx;
      // border: 2rpx solid #64b6a8;
      // text-align: center;
      // line-height: 80rpx;
      // font-size: 34rpx;
      // font-weight: 400;
      // color: #64b6a8;
      width: 325rpx;
      height: 90rpx;
      background: #e7f5f4;
      border-radius: 45rpx;
      border: 2rpx solid #0fa291;
      font-weight: 500;
      font-size: 32rpx;
      color: #0fa291;
      line-height: 90rpx;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }

  .tou {
    //position: relative;
    //width: 100%;
    text-align: left;
    line-height: 88rpx;
    font-size: 36rpx;
    font-weight: 500;
    color: black;
    background: #f5f7f9;
    padding-left: 70rpx;

    .image1 {
      position: absolute;
      width: 32rpx;
      height: 32rpx;
      //top: 2rpx;
      margin-bottom: 2rpx;
      left: 30rpx;
    }
  }

  .view {
    position: relative;
    font-size: 32rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    transform: scale(1.1);
  }

  .box {
    padding-bottom: 180rpx;
    background-color: #f5f7f9;
  }

  .tijiao {
    position: fixed;
    width: 100%;
    bottom: 0rpx;
    padding-top: 5rpx;
    padding-bottom: 40rpx;
    background-color: #fff;
    z-index: 99;
    border-radius: 30rpx 30rpx 0rpx 0rpx;
    box-shadow: 0px 5rpx 30rpx rgba(0, 0, 0, 0.1);

    .flex {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    checkbox {
      vertical-align: top;
      margin-right: 6rpx;
      margin-left: 40rpx;
    }

    span {
      font-size: 26rpx;
    }
  }

  .text_field_outer {
    margin-top: 20rpx;
    //border: 2rpx solid lightgray;
    background-color: #fff;
    box-sizing: border-box;
    display: inline-block;
    height: 110rpx;
    //padding: 1vh 1vw;
    position: relative;
    overflow: hidden;
  }

  .jieshao {
    background-color: #fff;
    border-bottom: 2rpx solid #eee;

    .kuang {
      position: relative;
      //width: 670rpx;
      //min-height: 80rpx;
      //margin-left: 5rpx;
      padding-bottom: 30rpx;
      //background-color: red;
      //border: 2rpx solid #c9c9c9;

      .textareaAuto {
        width: 660rpx;
        height: 220rpx;
        margin-left: 24rpx;
        //margin-top: 14rpx;
        line-height: 36rpx;
        letter-spacing: 2rpx;
        font-weight: 400;
        font-size: 24rpx;
        //color: #CCCCCC;
        overflow-y: hidden;
      }

      .textareaAuto1 {
        width: 660rpx;
        height: 50rpx !important;
        margin-left: 24rpx;
        //margin-top: 14rpx;
        line-height: 36rpx;
        letter-spacing: 2rpx;
        font-weight: 400;
        font-size: 24rpx;
        //color: #CCCCCC;
        overflow-y: auto;
      }

      ::v-deep ::-webkit-scrollbar {
        // 滚动条整体样式
        display: block;
        width: 10rpx !important;
        height: 10rpx !important;
        -webkit-appearance: auto !important;
        background: transparent;
        overflow: auto !important;
      }

      ::-webkit-scrollbar {
        background-color: transparent !important;
        /* 轨道颜色透明 */
      }

      ::-webkit-scrollbar-thumb {
        background-color: #ebebed !important;
        /* 滑块颜色为红色 */
        box-shadow: none !important;
        border-radius: 5px !important;
      }

      /* 设置滚动条轨道样式 */
      ::-webkit-scrollbar-track {
        background: none !important;
        /* 轨道颜色透明 */
        box-shadow: none !important;
        border-radius: 5px !important;
      }

      p {
        position: absolute;
        bottom: 20rpx;
        right: 20rpx;
        color: #999999;
      }
    }
  }

  .jieshaoTip {
    width: 657rpx;
    height: 72rpx;
    font-weight: 400;
    font-size: 24rpx;
    color: #e00201;
    margin: 0rpx auto;
    background: white;
  }

  .cu-form-group {
    position: relative;
    .textarea {
      max-height: 84rpx;
    }
  }

  uni-checkbox-group {
    width: 72% !important;
  }

  .cu-form-group picker .picker {
    text-align: left;
  }

  .cu-form-group .title {
    font-weight: 400;
    font-size: 28rpx;
    padding-right: 0rpx !important;
    display: flex;
    align-items: center;
    line-height: 28rpx;
  }

  .radio {
    font-size: 34rpx;
    margin-right: 40rpx;

    radio {
      margin-right: 10rpx;
    }
  }

  .grid.col-4.grid-square > uni-view {
    width: 212rpx;
    height: 212rpx;
  }

  .grid.col-4.grid-square > uni-view:nth-child(3n) {
    margin-right: 0;
  }

  .cu-form-group uni-picker .picker {
    font-size: 34rpx;
  }

  .picker1 {
    position: relative;
    text-align: left;
    width: 576rpx;
    padding-right: 60rpx;
    height: 100rpx;
    line-height: 100rpx;
    color: #666;
  }

  .picker1::after {
    font-family: cuIcon;
    display: block;
    content: '\e6a3';
    position: absolute;
    font-size: 34rpx;
    color: #8799a3;
    line-height: 100rpx;
    width: 60rpx;
    text-align: center;
    top: 0;
    bottom: 0;
    right: -20rpx;
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  /deep/uni-radio .wx-radio-input,
  /deep/uni-radio .uni-radio-input {
    width: 46rpx;
    height: 46rpx;
  }

  /deep/.uni-radio-input-checked {
    background-color: #64b6a8 !important;
    border-color: #64b6a8 !important;
  }

  .scroll-view {
    /* #ifdef MP  */
    height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
    /* #endif */
    /* #ifdef H5 || APP-PULS */
    height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
    /* #endif */
    /* #ifdef APP */
    height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
    /* #endif */
  }

  .uni-progress {
    margin-bottom: 2px;
  }

  /deep/.uni-progress-inner-bar {
    background-color: rgb(100 182 168) !important;
    border-radius: 25px;
  }

  .binds_frame {
    width: 600rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
    text-align: center;

    .binds_frame_t {
      font-size: 30rpx;
      font-weight: 550;
      color: #000000;
      padding: 0 46rpx;
      padding-top: 36rpx;
    }

    .binds_frame_c {
      width: 500rpx;
      margin: 0 auto;
      font-size: 28rpx;
      font-weight: 400;
      color: #64b6a8;
      margin-top: 30rpx;
      margin-bottom: 50rpx;
    }

    .binds_frame_b {
      display: flex;
      align-items: center;
      justify-content: space-around;
      height: 100rpx;
      background-color: #64b6a8;
      color: #fff;
    }
  }

  .bindsrz_frame {
    width: 600rpx;
    background-color: #ffffff;
    // padding-bottom: 50rpx;
    border-radius: 10rpx;
    text-align: center;

    .bindsrz_frame_t {
      font-size: 36rpx;
      font-weight: 550;
      color: #000000;
      padding: 0 46rpx;
      padding-top: 36rpx;
    }

    .bindsrz_frame_c {
      width: 500rpx;
      margin: 0 auto;
      font-size: 30rpx;
      font-weight: 400;
      color: #64b6a8;
      margin-top: 30rpx;
      margin-bottom: 50rpx;
    }

    .bindsrz_frame_b {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .cancel {
        flex: 1;
        height: 90rpx;
        border: 2rpx solid #eee;
        border-radius: 10rpx 0 0 10rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30rpx;
        font-weight: 400;
        color: #000;
      }

      .determine {
        flex: 1;
        height: 90rpx;
        border: 2rpx solid #eee;
        border-radius: 0 10rpx 10rpx 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30rpx;
        font-weight: 400;
        color: #007aff;
      }
    }
  }

  .cu-form-group .textarea1 {
    line-height: 40rpx;
    width: 100%;
    // height: auto;
    font-weight: 400;
    font-size: 28rpx;
    //color: #CCCCCC;
    padding-right: 80rpx;
    //margin-top: 26rpx;
  }

  .motaikuang {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;

    .verify {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .motaikuang2 {
    .tips {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: #fff;
      left: 0;
      padding: 40rpx 30rpx 100rpx;
      border-radius: 50rpx 50rpx 0 0;
      box-sizing: border-box;

      .text {
        margin-bottom: 48rpx;
      }

      .btns {
        display: flex;

        .btn {
          height: 90rpx;
          width: 50%;

          &:first-child {
            background: #f2f2f2;
            border-radius: 10rpx 0rpx 0rpx 10rpx;
          }

          &:last-child {
            background: #64b6a8;
            color: #fff;
            border-radius: 0rpx 10rpx 10rpx 0rpx;
          }
        }
      }
    }

    .tags {
      color: #64b6a8;
      display: inline-block;
    }
  }

  .icon_box {
    margin-left: 30rpx;
    font-size: 50rpx;
    color: #64b6a8;
    width: 50rpx;
    text-align: center;
  }

  .materialLabel {
    flex-shrink: 0;
    // width: 120rpx;
    padding: 0 20rpx;
    height: 50rpx;
    border-radius: 8rpx;
    border: 2rpx solid #64b6a8;
    font-size: 24rpx;
    font-weight: 400;
    color: #64b6a8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10rpx;
  }

  .binds_frame_address {
    width: 600rpx;
    background-color: #ffffff;
    // padding-bottom: 50rpx;
    border-radius: 20rpx;
    text-align: center;
    font-size: 36rpx;
    overflow: hidden;

    .binds_frame_t {
      font-weight: 550;
      color: #000000;
      padding: 0 46rpx;
      padding-top: 36rpx;
    }

    .binds_frame_c {
      width: 500rpx;
      margin: 0 auto;
      font-weight: 500;
      color: #000000;
      margin-top: 30rpx;
      margin-bottom: 50rpx;
    }

    .binds_frame_b {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .confirmAddAccount {
        border: none;
        width: 550rpx;
        height: 90rpx;
        background: #0fa291;
        border-radius: 45rpx;
        text-align: center;
        margin: 0rpx auto;
        color: white;
        line-height: 90rpx;
        margin-top: 80rpx;
      }

      .cancel {
        flex: 1;
        height: 90rpx;
        border: 2rpx solid #eee;
        border-radius: 10rpx 0 0 10rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        color: #999999;
      }

      .determine {
        flex: 1;
        height: 90rpx;
        border: 2rpx solid #eee;
        border-radius: 0 10rpx 10rpx 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        color: #0fa291;
      }
    }
  }

  .bindWorkAddress_frame {
    background-color: #ebebed;
    padding: 20rpx;

    .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20rpx;

      .title_center {
        font-size: 34rpx;
        font-weight: 600;
        color: #000000;
      }

      .title_right {
        font-weight: 500;
        font-size: 28rpx;
        color: #333333;
      }
    }

    .center {
      .center_item {
        //width: 630rpx;
        //height: 190rpx;
        background: white;
        border-radius: 10rpx;
        border: 2rpx solid #ebebed;
        padding: 13rpx 20rpx;
        margin-bottom: 10rpx;

        .center_item_top {
          font-weight: 400;
          font-size: 28rpx;
          color: #000000;
          padding-bottom: 20rpx;
        }

        .center_item_bottom {
          display: flex;
          justify-content: space-between;

          .center_item_bottom_left {
            font-weight: 500;
            font-size: 24rpx;
            color: #ffffff;
            text-align: center;
            display: flex;
            justify-content: space-between;

            view {
              width: 100rpx;
              height: 40rpx;
              line-height: 40rpx;
              background: #0fa291;
              border-radius: 22rpx;
            }
          }

          .center_item_bottom_right {
            display: flex;
            align-items: center;

            image {
              width: 28rpx;
              height: 28rpx;
              margin-right: 10rpx;
            }
          }
        }
      }

      .center_item_cur {
        border: 2rpx solid #0fa291;
        background: #e7f5f4;
      }
    }

    .footer {
      padding: 20rpx 0rpx;
      background-color: white;

      .but {
        height: 90rpx;
        background: #0fa291;
        border-radius: 45rpx;
        text-align: center;
        line-height: 90rpx;
        font-size: 32rpx;
        color: #ffffff;
      }
    }
  }

  .editUserAddressTextarea {
    width: 100%;
    min-height: 50rpx;
    max-height: 150rpx;
    overflow-y: hidden;
    resize: vertical;
  }
  switch::after, switch::before {
    display: none;
  }
</style>
